From fce0ba570825fc32fcd509050ed1a730e4eb0f5e Mon Sep 17 00:00:00 2001
From: th3r00t <myoung0083@gmail.com>
Date: Mon, 2 Aug 2021 01:53:06 -0400
Subject: [PATCH] Reformated Mobile layout

---
 src/interface/static/css/mobile.css | 35 +++++++++++++++++++++--------
 1 file changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/interface/static/css/mobile.css b/src/interface/static/css/mobile.css
index 4501ad9..84b04cc 100644
--- a/src/interface/static/css/mobile.css
+++ b/src/interface/static/css/mobile.css
@@ -13,6 +13,19 @@
     }
     .shelf_item{
     }
+    
+    #book_shelf {
+        justify-content: left;
+        flex-direction: column;
+    }
+
+    .book_description {
+        display: none;
+    }
+
+    .book_details_list {
+        grid-template-rows: 0.5fr 0.5fr 2fr 0.15fr 0.25fr;
+    }
 }
 
 @media only screen and (max-width: 1024px) {
@@ -29,7 +42,19 @@
         font-size: small;
     }
     .shelf_item{
-        max-width: min-content;
+        min-width: 100%;
+        margin: 0px auto 10px auto;
+    }
+
+    .book_details_list {
+        display: grid;
+        grid-template-areas:
+        "book_title"
+        "book_author"
+        "book_tags"
+        "book_controls";
+        grid-area: details;
+        grid-template-rows: .5fr .5fr .15fr 0.25fr;
     }
     .nav_search{
         /* display: none !important; */
@@ -47,14 +72,6 @@
         padding: 0px;
         margin: 0px 0px;
     }
-    
-    .book_description {
-        display: none;
-    }
-
-    .book_details_list {
-        grid-template-rows: 0.5fr 0.5fr 2fr 0.15fr 0.25fr;
-    }
     .vert-nav-item {}
 
     #vert-nav {