From d951a072ee2aabe32f00c3109cf3492097bcc0ae Mon Sep 17 00:00:00 2001
From: schrumpel <Âgit@f0ck.it>
Date: Fri, 28 Oct 2022 04:08:35 +0200
Subject: [PATCH] dev progress

---
 public/s/css/f0ck.css | 37 ++++++++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 5 deletions(-)

diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css
index 63d38bc..68b40d1 100644
--- a/public/s/css/f0ck.css
+++ b/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;
   }
@@ -2922,4 +2922,31 @@ body {
     position: relative;
     left: 4px;
     font-weight: bold;
-  }
\ No newline at end of file
+  }
+
+  /* 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%;
+}
\ No newline at end of file