Rework UI

FreaKzero · Apr 10, 2020 · 977dd5a · 977dd5a
1 parent 7ab9774
commit 977dd5a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/app/client/components/Mods/ModItem.jsx b/app/client/components/Mods/ModItem.jsx
@@ -19,8 +19,10 @@ const Content = styled.div`
   }
 
   h1 {
+    white-space: nowrap;
     transition: ${({ theme }) => theme.transition.out};
     font-size: 18px;
+    margin-top: 5px;
     margin-bottom: 5px;
     text-transform: uppercase;
   }
@@ -54,15 +56,16 @@ const IconContainer = styled.div`
 `;
 
 const ItemStyle = styled.div`
+  overflow: hidden;
   background: ${({ theme }) => theme.color.backdrop};
   border-radius: ${({ theme }) => theme.border.radius};
   border: 1px solid ${({ theme }) => theme.border.idle};
   transition: ${({ theme }) => theme.transition.out};
   padding: 10px;
   height: 50px;
   display: flex;
-  margin-bottom: 5px;
   user-select: none;
+  margin-bottom: 5px;
 
   &:hover {
     border: 1px solid ${({ theme }) => theme.border.active};

diff --git a/app/client/components/Mods/TagList.jsx b/app/client/components/Mods/TagList.jsx
@@ -4,7 +4,6 @@ import styled from 'styled-components';
 
 const Tags = styled.ul`
   user-select: none;
-  height: 65px;
   list-style: none;
   display: inline-block;
 `;