Merge pull request #433 from glific/UI-fixes-415

UI Fixes
glific · Sep 4, 2020 · 581772c · 581772c
2 parents 28a8e2f + 681b540
commit 581772c
Show file tree

Hide file tree

Showing 8 changed files with 12 additions and 10 deletions.
diff --git a/src/components/UI/DialogBox/DialogBox.module.css b/src/components/UI/DialogBox/DialogBox.module.css
@@ -15,6 +15,10 @@
   height: unset !important;
 }
 
+.Dialogbox Form {
+  max-height: 500px;
+}
+
 .DialogActions {
   padding-left: 24px !important;
   padding-bottom: 24px !important;

diff --git a/src/components/UI/Form/PhoneInput/PhoneInput.module.css b/src/components/UI/Form/PhoneInput/PhoneInput.module.css
@@ -19,6 +19,5 @@
 .FormHelperText {
   color: red !important;
   margin-top: 2px !important;
-  margin-left: 14px !important;
   line-height: 1.2 !important;
 }
diff --git a/src/components/UI/Layout/Navigation/SideDrawer/SideDrawer.tsx b/src/components/UI/Layout/Navigation/SideDrawer/SideDrawer.tsx
@@ -5,7 +5,6 @@ import {
   makeStyles,
   createStyles,
   Theme,
-  Divider,
   Toolbar,
   Typography,
 } from '@material-ui/core';
@@ -140,7 +139,6 @@ export const SideDrawer: React.SFC<SideDrawerProps> = (props) => {
           </IconButton>
         )}
       </Toolbar>
-      <Divider />
       <SideMenus opened={fullOpen} />
     </div>
   );

diff --git a/src/containers/Auth/Auth.module.css b/src/containers/Auth/Auth.module.css
@@ -157,6 +157,7 @@
 
 .AuthButton {
   width: 334px;
+  margin-right: 0px !important;
 }
 
 .ErrorMessage {

diff --git a/src/containers/List/ListCard/ListCard.module.css b/src/containers/List/ListCard/ListCard.module.css
@@ -1,5 +1,5 @@
 .Card {
-  width: 310px;
+  width: 31%;
   position: relative !important;
   margin-right: 24px;
   margin-bottom: 24px;
@@ -32,7 +32,7 @@
 
 .CardActions {
   position: absolute !important;
-  width: inherit;
+  width: 100%;
   bottom: 0px !important;
 }
 

diff --git a/src/containers/StaffManagement/StaffManagementList/StaffManagementList.module.css b/src/containers/StaffManagement/StaffManagementList/StaffManagementList.module.css
@@ -50,7 +50,7 @@
 }
 
 .Actions {
-  width: 130px;
+  width: 150px;
   justify-content: flex-end;
   margin-left: auto;
 }

diff --git a/src/containers/StaffManagement/StaffManagementList/StaffManagementList.tsx b/src/containers/StaffManagement/StaffManagementList/StaffManagementList.tsx
@@ -9,7 +9,7 @@ import { List } from '../../List/List';
 export interface StaffManagementProps {}
 
 export const StaffManagementList: React.SFC<StaffManagementProps> = () => {
-  const columnNames = ['NAME', 'PHONE NO.', 'GROUPS', 'ACTIONS'];
+  const columnNames = ['NAME', 'PHONE NO.', 'ASSIGNED TO', 'ACTIONS'];
   const columnStyles = [styles.Name, styles.Phone, styles.Group, styles.Actions];
   const staffIcon = <StaffIcon className={styles.StaffIcon} />;
 

diff --git a/src/containers/Template/List/Template.module.css b/src/containers/Template/List/Template.module.css
@@ -1,13 +1,13 @@
 .Label {
-  width: 235px;
+  width: 25%;
 }
 
 .Body {
-  width: 600px;
+  width: 50%;
 }
 
 .Actions {
-  width: 100px;
+  width: 25%;
   justify-content: flex-end;
   margin-left: auto;
 }