Small styling fixes.

Author: azaslonov

src/themes/designer/styles/buttons.scss

@@ -73,7 +73,7 @@
     border: none;
     padding: 0;
     position: absolute;
-    top: 8px;
+    top: 1px;
     right: 0;
     color: $collapse-button-color;
     cursor: pointer;

src/themes/designer/styles/forms.scss

@@ -168,6 +168,12 @@ textarea {
     }
 }
 
+.form-label {
+    .btn-info {
+        top: 8px;
+    }
+}
+
 .input-group {
     display: flex !important;
     border: 1px solid $form-control-border;
@@ -185,13 +191,15 @@ textarea {
     }
 
     .input-group-btn {
-        min-width: 1.5em;
+        min-width: 2em;
         border: none;
         line-height: inherit;
         cursor: pointer;
-        display: inline-block;
         line-height: 2em;
         font-size: $form-control-font-size;
+        display: flex;
+        align-items: center;
+        justify-content: center;
 
         &:active,
         &:focus,
@@ -285,5 +293,14 @@ details {
         &:-webkit-details-marker {
             display: none;
         }
+
+        & > .btn-info {
+            top: 1px;
+        }
+
+        &:focus {
+            outline: 1px solid #ccc;
+            outline-offset: 2px;
+        }
     }
 }

src/themes/designer/styles/variables.scss

@@ -57,7 +57,7 @@ $arrow-active-color: #F58634;
 $icon-base-color: #57585a;
 
 /* Forms */
-$form-control-font-size: 0.9em;
+$form-control-font-size: 1em;
 $form-control-border: #e6e7e8;
 $form-control-border-focused: #61b2e8;
 $form-control-bg: #ffffff;