Mobile version

Ullaakut · Dec 2, 2018 · a179ed2 · a179ed2
1 parent fc93e4b
commit a179ed2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 5 deletions.
diff --git a/app/grid.scss b/app/grid.scss
@@ -68,8 +68,9 @@ h4 {
 #search-bar {
     text-align: right;
     font-size: 30px;
-    margin: 0 auto;
+    padding: 15px 20px 0px 0px;
     color: rgb(73, 73, 73);
+    font-size: 20px;
 }
 
 #profile {
@@ -103,10 +104,11 @@ h4 {
 }
 
 .content {
-    width: -moz-available;          /* WebKit-based browsers will ignore this. */
-    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
-    width: fill-available;
+    /*width: -moz-available;          
+    width: -webkit-fill-available;  
+    width: fill-available; */ 
     overflow-y: scroll;
+    width: calc(100% - 400px);
 }
 
 .content .menu {
@@ -244,16 +246,24 @@ h4 {
         #main {
             display: flex;
             flex-direction: column;
+            height: 100%;
         }
 
         #sidebar {
             height: auto;
+            width: 100%;
         }
 
         #sidebar .menu { 
             display: block;
         }
 
+        .content {
+            width: 100%;
+            height: auto;
+            overflow-y: unset;
+        }
+
         .content .menu {
             display: none;
         }

diff --git a/app/index.html b/app/index.html
@@ -11,7 +11,7 @@
 
   <body>
     <div id="main">
-      <div id="sidebar" class="grid">
+      <div id="sidebar">
         <div class="menu">
           <div id="search-bar"><i class="fas fa-search"></i></div>
         </div>