dev progress

public/s/css/f0ck.css

@@ -2769,7 +2769,7 @@ ul.navbar-nav-guests li.nav-item {
 }
 
 /* mobile random button */
-.random {
+/* .random {
     display: none;
 }
 
@@ -2798,7 +2798,7 @@ ul.navbar-nav-guests li.nav-item {
     .random:active {
         background: #00000036;
     }
-}
+} */
 
 /* changes for comment mockup */
 body {
@@ -2835,7 +2835,8 @@ body {
     display: grid;
     grid-template-columns: auto;
     grid-template-rows: 0fr 0fr auto 0fr;
-    border: 1px solid #363636;
+    border-top: 1px solid #363636;
+    border-right: 1px solid #363636;
     background-color: var(--metadata-bg);
   }
 
@@ -2843,7 +2844,6 @@ body {
     display: grid;
     grid-template-rows: 1fr 0fr;
     padding: 5px;
-    border-bottom: 2px solid black;
     background: #373737;
     grid-gap: 5px;
   }
@@ -2923,3 +2923,30 @@ body {
     left: 4px;
     font-weight: bold;
   }
+
+  /* comments responsive */
+  @media (max-width: 799px) {
+    #main {
+        display: grid;
+        grid-template-columns: 1fr;
+        height: calc(100% - 40px);
+    }
+
+    .commentholder {
+        overflow: unset;
+    }
+
+    .container {
+        overflow: unset;
+    }
+
+    body {
+        overflow: scroll;
+    }
+  }
+
+  .footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+}