fix: unify popup content padding

frontend/src/Admin/index.tsx

@@ -56,6 +56,7 @@ type CreateUserData = {
 const CreateUserForm = styled.form`
   display: flex;
   flex-direction: column;
+  margin: 0 12px;
 `;
 const CreateUserButton = styled(Button)`
   margin-top: 8px;
@@ -199,9 +200,9 @@ const AdminRoute = () => {
           users={data.users}
           onInviteUser={() => {}}
           onUpdateUserPassword={(user, password) => {
-                        console.log(user)
-                        console.log(password)
-                        hidePopup()
+            console.log(user);
+            console.log(password);
+            hidePopup();
           }}
           onDeleteUser={($target, userID) => {
             showPopup(

frontend/src/App/TopNavbar.tsx

@@ -20,6 +20,7 @@ import {Link} from 'react-router-dom';
 const TeamContainer = styled.div`
   display: flex;
   flex-direction: column;
+  margin: 0 8px;
 `;
 
 const TeamTitle = styled.h3`

frontend/src/Teams/Members/index.tsx

@@ -18,13 +18,14 @@ import styled, { css } from 'styled-components/macro';
 import { usePopup, Popup } from 'shared/components/PopupMenu';
 import TaskAssignee from 'shared/components/TaskAssignee';
 import Member from 'shared/components/Member';
+import ControlledInput from 'shared/components/ControlledInput';
 
 const MemberListWrapper = styled.div`
   flex: 1 1;
 `;
 
-const SearchInput = styled(Input)`
-  margin: 0;
+const SearchInput = styled(ControlledInput)`
+  margin: 0 12px;
 `;
 
 const UserMember = styled(Member)`
@@ -37,7 +38,7 @@ const UserMember = styled(Member)`
 `;
 
 const TeamMemberList = styled.div`
-  margin: 8px 0;
+  margin: 8px 12px;
 `;
 
 type UserManagementPopupProps = {

frontend/src/shared/components/ListActions/Styles.ts

@@ -33,3 +33,7 @@ export const ListSeparator = styled.hr`
   padding: 0;
   width: 100%;
 `;
+
+export const InnerContent = styled.div`
+  margin: 0 12px;
+`;

frontend/src/shared/components/ListActions/index.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ListActionsWrapper, ListActionItemWrapper, ListActionItem, ListSeparator } from './Styles';
+import { InnerContent, ListActionsWrapper, ListActionItemWrapper, ListActionItem, ListSeparator } from './Styles';
 
 type Props = {
   taskGroupID: string;
@@ -8,7 +8,7 @@ type Props = {
 };
 const LabelManager: React.FC<Props> = ({ taskGroupID, onArchiveTaskGroup }) => {
   return (
-    <>
+    <InnerContent>
       <ListActionsWrapper>
         <ListActionItemWrapper>
           <ListActionItem>Add card...</ListActionItem>
@@ -44,7 +44,7 @@ const LabelManager: React.FC<Props> = ({ taskGroupID, onArchiveTaskGroup }) => {
           <ListActionItem>Archive This List</ListActionItem>
         </ListActionItemWrapper>
       </ListActionsWrapper>
-    </>
+    </InnerContent>
   );
 };
 export default LabelManager;

frontend/src/shared/components/ProjectSettings/index.tsx

@@ -5,7 +5,7 @@ import Button from 'shared/components/Button';
 
 export const ListActionsWrapper = styled.ul`
   list-style-type: none;
-  margin: 0;
+  margin: 0 12px;
   padding: 0;
 `;