chore: log style

3 files changed, 15 insertions, 5 deletions

diff --git a/src/components/Logs.module.scss b/src/components/Logs.module.scss
index 09e1134..7013e09 100644
--- a/src/components/Logs.module.scss
+++ b/src/components/Logs.module.scss
@@ -26,18 +26,23 @@
   margin: -5px 0;
   /* force wrap */
   width: 100%;
+  @media (max-width: 768px) {
+    display: inline-block;
+  }
 }
 
 /*******************/
 
 .logsWrapper {
-  margin: 25px;
+  margin: 45px;
   padding: 10px;
   background-color: var(--bg-log-info-card);
   border-radius: 4px;
   color: var(--color-text);
   overflow-y: auto;
-
+  @media (max-width: 768px) {
+    margin: 25px;
+  }
   :global {
     .log {
       margin-bottom: 10px;
diff --git a/src/components/Logs.tsx b/src/components/Logs.tsx
index 8c53767..481e822 100644
--- a/src/components/Logs.tsx
+++ b/src/components/Logs.tsx
@@ -41,7 +41,6 @@ function LogLine({ time, payload, type }: LogLineProps) {
         <span className={s.logType} style={{ color: colors[type]}}>
           [ {logTypes[type]} ]
         </span>
-        <br/>
         <span className={s.logText} >{payload}</span>
       </div>
   );
diff --git a/src/components/Search.module.scss b/src/components/Search.module.scss
index b2e133f..294fe65 100644
--- a/src/components/Search.module.scss
+++ b/src/components/Search.module.scss
@@ -1,10 +1,16 @@
 .RuleSearch {
-  padding: 0 25px 5px;
+  padding: 0 40px 5px;
+  @media (max-width: 768px) {
+    padding: 0 25px 5px;
+  }
 }
 
 .RuleSearchContainer {
   position: relative;
-  height: 30px;
+  height: 40px;
+  @media (max-width: 768px) {
+    height: 30px;
+  }
 }
 
 .inputWrapper {