add

static/css/add_model.css

@@ -1,11 +1,11 @@
 /* ================= PAGE WRAPPER ================= */
-.main {
+/* .main {
     margin-left: 260px;
     width: calc(100% - 260px);
     margin-top: 80px;
     padding: 20px;
     transition: all 0.3s ease;
-}
+} */
 
 /* ================= CONTAINER ================= */
 .container {
@@ -98,12 +98,12 @@ button:hover {
 /* ================= MOBILE ================= */
 @media (max-width: 768px) {
 
-    .main {
+    /* .main {
         margin-left: 0;
         width: 100%;
         padding: 15px;
         margin-top: 70px;
-    }
+    } */
 
     .container {
         padding: 18px;

static/css/display_model.css

@@ -1,24 +1,24 @@
 /* ================= RESET ================= */
-* {
+/* * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Segoe UI", sans-serif;
-}
+} */
 
 /* ================= BODY ================= */
-body {
+/* body {
     background-color: #f4f7f6;
-}
+} */
 
 /* ================= MAIN CONTENT ================= */
-.main {
+/* .main {
     margin-left: 260px;
     padding: 30px;
     width: calc(100% - 260px);
     margin-top: 80px;
     transition: 0.3s;
-}
+} */
 
 /* ================= CONTAINER ================= */
 .container {
@@ -133,11 +133,11 @@ tr:nth-child(even) {
 /* ================= TABLET ================= */
 @media (max-width: 992px) {
 
-    .main {
+    /* .main {
         margin-left: 0;
         width: 100%;
         padding: 20px;
-    }
+    } */
 
     .container {
         padding: 20px;

static/css/index.css

@@ -177,7 +177,8 @@ body {
 
     .nav-left h3 {
         font-size: 14px;
-        max-width: 160px;
+        /* max-width: 160px; */
+        max-width: 10px;
     }
 
     .nav-logo {