Additional shrinkage

website/src/ui/style.js

@@ -41,41 +41,54 @@ Object.assign(colorInfo, {
 })
 
 const sizeInfo = {
-  headerHeight: 60,
   imageDefaultMargin: 5,
   iconDefaultMargin: 10,
+
+  headerHeight: 40,
   headerBorderWidth: 1,
-  listBorderWidth: 1,
+  headerPaddingLeft: 10,
+  headerTextOffset: 2,
+  headerButtonMargin: 8,
+
+  footerTextMargin: '5px 0px 5px 10px',
+
   buttonHeight: 40,
   buttonPadding: '0 15px 0 15px',
-  minButtonWidth: 100,
+
   checkboxSize: 25,
   checkmarkBorder: '0 3px 3px 0',
+
   panelButton: 200,
   panelButtonIcon: 170,
   panelButtonIconMargin: 0,
-  panelTextOffset: 120,
-  formBoxRadius: 5,
-  listTopBottomGap: 10,
-  modalWidth: 450,
-  modalShadowWidth: 25,
-  inputPadding: 5,
-  inputBorderRadius: 5,
-  listIconMargin: '5px 10px 5px 10px',
-  loaderSize: 20,
-  loaderSpacing: 5,
   panelButtonBorderRadius: 25,
   panelButtonBorderWidth: 2,
-  messageModalIcon: 150,
+  panelButtonTextOffset: 125,
+  panelButtonSpacing: 30,
+
+  formBoxRadius: 5,
   formColumnSpacing: 20,
   formRowSpacing: 20,
-  loginLogoWidth: 250,
-  footerTextMargin: 10,
-  panelButtonSpacing: 30,
   formBoundIcon: 30,
   formBoundIconMargin: 0,
-  listIcon: 25,
   formButtonLarge: 225,
+
+  listBorderWidth: 1,
+  listTopBottomGap: 10,
+  listIcon: 25,
+  listIconMargin: '5px 10px 5px 10px',
+
+  modalWidth: 450,
+  modalShadowWidth: 25,
+  modalMessageIcon: 150,
+
+  inputPadding: 5,
+  inputBorderRadius: 5,
+
+  loaderSize: 20,
+  loaderSpacing: 5,
+
+  loginLogoWidth: 250,
 }
 
 const fontInfo = {
@@ -85,6 +98,8 @@ const fontInfo = {
     medium: '12pt',
     large: '14pt',
     huge: '26pt',
+    header: '18pt',
+    footer: '8pt',
   },
   color: {
     'normal': colorInfo.text,