Fixed label size & added text alignment (#112)

Co-authored-by: Benjamin Perez <benjamin@bexsoft.net>

portal-ui/src/screens/Console/Common/FormComponents/CSVMultiSelector/CSVMultiSelector.tsx

@@ -36,7 +36,8 @@ const styles = (theme: Theme) =>
     ...fieldBasic,
     inputLabel: {
       ...fieldBasic.inputLabel,
-      marginBottom: 10
+      marginBottom: 10,
+      width: 122
     },
     inputContainer: {
       height: 150,

portal-ui/src/screens/Console/Common/FormComponents/SelectWrapper/SelectWrapper.tsx

@@ -44,7 +44,11 @@ interface SelectProps {
 
 const styles = (theme: Theme) =>
   createStyles({
-    ...fieldBasic
+    ...fieldBasic,
+    inputLabel: {
+      ...fieldBasic.inputLabel,
+      width: 116
+    }
   });
 
 const SelectStyled = withStyles((theme: Theme) =>

portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts

@@ -20,9 +20,12 @@ export const fieldBasic = {
   inputLabel: {
     fontWeight: 500,
     marginRight: 16,
-    minWidth: 90,
+    width: 100,
     fontSize: 14,
-    color: "#393939"
+    color: "#393939",
+    textAlign: "right" as const,
+    textOverflow: "ellipsis",
+    overflow: "hidden"
   },
   fieldContainer: {
     display: "flex",