Corrected links panel for mobile

xastrix · Dec 8, 2024 · 0b76930 · 0b76930
1 parent b667e28
commit 0b76930
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/css/index.css b/css/index.css
@@ -29,7 +29,7 @@ a:hover { cursor: pointer; color: #1076a7; }
 .repo-description { color: #d5d5d5; font-size: 12px; line-height: normal;
     height: 70px; overflow-y: auto;
 }
-.social-panel { display: flex; flex-direction: column; right: 0px; top: 230px;
+.social-panel { display: flex; flex-direction: column; right: 0px;
     padding: 4px 8px; position: fixed; border-top: 1px solid #242323;
     border-left: 1px solid #242323; border-bottom: 1px solid #242323;
     background-color: #1c1b1b; z-index: 2000;
@@ -49,6 +49,11 @@ a:hover { cursor: pointer; color: #1076a7; }
         padding-left: 5%;
     }
 }
+@media (max-width: 576px) {
+    .social-panel {
+        top: 120px;
+    }
+}
 .msg-box { background-color: #242424; border-radius: 5px;
     box-shadow: rgb(37 38 38 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 1px 3px 1px;
     width: 100%; height: 155px; font-size: 13px; margin: 0 0 30 0;