PLT-6987 User access token UI (#7007)

* Add user access token UI

* Fix enter press and update mattermost-redux

* Updating UI for access token stuff (#7066)

* Revert segment key

webapp/sass/utils/_modifiers.scss

@@ -1,33 +1,105 @@
 @charset 'UTF-8';
 
-.margin--right {
-    margin-right: 5px;
+.padding-top {
+    padding-top: 7px;
 
     &.x2 {
-        margin-right: 10px;
+        padding-top: 14px;
+    }
+
+    &.x3 {
+        padding-top: 21px;
     }
 }
 
-.margin--left {
-    margin-left: 5px;
+.padding-bottom {
+    padding-bottom: 7px;
 
     &.x2 {
-        margin-left: 10px;
+        padding-bottom: 14px;
+    }
+
+    &.x3 {
+        padding-bottom: 21px;
+    }
+
+    .control-label {
+        font-weight: 600;
+
+        &.text-left {
+            text-align: left;
+        }
     }
 }
 
-.padding--right {
-    padding-right: 5px;
+.padding-left {
+    padding-left: 7px;
 
     &.x2 {
-        padding-right: 10px;
+        padding-left: 14px;
+    }
+
+    &.x3 {
+        padding-left: 21px;
     }
 }
 
-.padding--left {
-    padding-left: 5px;
+.padding-right {
+    padding-right: 7px;
 
     &.x2 {
-        padding-left: 10px;
+        padding-right: 14px;
+    }
+
+    &.x3 {
+        padding-right: 21px;
+    }
+}
+
+.margin-right {
+    margin-right: 7px;
+
+    &.x2 {
+        margin-right: 14px;
+    }
+
+    &.x3 {
+        margin-right: 21px;
+    }
+}
+
+.margin-left {
+    margin-left: 7px;
+
+    &.x2 {
+        margin-left: 14px;
+    }
+
+    &.x3 {
+        margin-left: 21px;
+    }
+}
+
+.margin-top {
+    margin-top: 7px;
+
+    &.x2 {
+        margin-top: 14px;
+    }
+
+    &.x3 {
+        margin-top: 21px;
+    }
+}
+
+.margin-bottom {
+    margin-bottom: 7px;
+
+    &.x2 {
+        margin-bottom: 14px;
+    }
+
+    &.x3 {
+        margin-bottom: 21px;
     }
 }