feat: improve UI on mobile

4 files changed, 3 insertions, 4 deletions

diff --git a/src/components/Logs.js b/src/components/Logs.js
index ea2f58e..d305b2a 100644
--- a/src/components/Logs.js
+++ b/src/components/Logs.js
@@ -87,7 +87,7 @@ export default function Logs() {
             <div className={s0.logPlaceholderIcon}>
               <SvgYacd width={200} height={200} />
             </div>
-            <div>No logs yet, hang tight...</div>
+            <div>No logs yet, hold tight...</div>
           </div>
         ) : (
           <div className={s0.logsWrapper}>
diff --git a/src/components/Selection.module.css b/src/components/Selection.module.css
index a562058..c5181ca 100644
--- a/src/components/Selection.module.css
+++ b/src/components/Selection.module.css
@@ -5,7 +5,6 @@
 
 .item {
   flex-grow: 0;
-  flex-wrap: 0;
   margin-right: 10px;
   margin-bottom: 10px;
   cursor: pointer;
diff --git a/src/components/SideBar.module.css b/src/components/SideBar.module.css
index b78d731..25726d3 100644
--- a/src/components/SideBar.module.css
+++ b/src/components/SideBar.module.css
@@ -13,7 +13,7 @@
   justify-content: center;
   padding: 25px 0 15px;
   @media (max-width: 768px) {
-    padding: 0;
+    display: none;
   }
   color: #2a477a;
   transition: color 0.3s ease-in-out;
diff --git a/src/components/TrafficChartSample.js b/src/components/TrafficChartSample.js
index b75bc54..92c19b6 100644
--- a/src/components/TrafficChartSample.js
+++ b/src/components/TrafficChartSample.js
@@ -44,7 +44,7 @@ export default function TrafficChart({ id }) {
   return (
     <div
       style={{
-        width: 150,
+        width: 130,
         padding: 5
       }}
     >