bad fix: css mobile disables karma/kudos box (#1848)

This whole page needs an overhaul --------- Co-authored-by: Golbolco <Golbolco@users.noreply.github.com>
UltiMafia · Jan 24, 2025 · f2e3808 · f2e3808
1 parent 53260ee
commit f2e3808
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/react_main/src/css/user.css b/react_main/src/css/user.css
@@ -313,6 +313,12 @@ iframe {
   font-size: 20px;
 }
 
+.profile .avi-name .name-badges-container {
+  display: flex;
+  vertical-align: top;
+  gap: 8px;
+}
+
 .profile .avatar {
   z-index: 5;
   box-shadow: 0px 0px 5px black;
@@ -781,6 +787,19 @@ iframe {
     flex-flow: column;
   }
 
+  .profile .avi-name-row .left,
+  .profile .avi-name-row .right {
+    display: none;
+  }
+
+  .profile .avi-name-row {
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    position: relative;
+    font-size: 20px;
+  }
+
   .profile .side.column {
     margin: 10px 0px;
   }

diff --git a/react_main/src/pages/User/Profile.jsx b/react_main/src/pages/User/Profile.jsx
@@ -576,10 +576,7 @@ export default function Profile() {
                     onUpload={onFileUpload}
                   />
                 )}
-                <div
-                  className="name-badges-container"
-                  style={{ display: "flex", verticalAlign: "top", gap: "8px" }}
-                >
+                <div className="name-badges-container">
                   <div style={{ marginTop: "10px" }}>
                     <Badges groups={groups} />
                   </div>