Fix clone URL alignment on project page

app/assets/stylesheets/bootstrap_migration.scss

@@ -46,12 +46,6 @@ a {
   text-align: right;
 }
 
-.form-control,
-.search form {
-  // Bootstrap 4 does not have a height
-  min-height: 34px;
-}
-
 table {
   // Remove any table border lines
   border-spacing: 0;

app/assets/stylesheets/framework/broadcast_messages.scss

@@ -19,3 +19,9 @@
   @extend .broadcast-message;
   margin-bottom: 20px;
 }
+
+.toggle-colors {
+  input {
+    min-height: 34px;
+  }
+}

app/assets/stylesheets/pages/projects.scss

@@ -251,7 +251,7 @@
     margin: 15px 5px 0 0;
 
     input {
-      height: 29px;
+      height: 28px;
     }
   }
 
@@ -875,6 +875,7 @@ pre.light-well {
 
 .git-clone-holder {
   width: 380px;
+  height: 28px;
 
   .btn-clipboard {
     border: 1px solid $border-color;
@@ -890,7 +891,8 @@ pre.light-well {
 
   .form-control {
     @extend .monospace;
-    background: $white-light;
+    background-color: $white-light;
+    border-color: $border-color;
     font-size: 14px;
     margin-left: -1px;
     cursor: auto;

app/views/admin/broadcast_messages/_form.html.haml

@@ -18,11 +18,11 @@
   .form-group.row.js-toggle-colors-container
     .col-sm-10.offset-sm-2
       = link_to 'Customize colors', '#', class: 'js-toggle-colors-link'
-  .form-group.row.js-toggle-colors-container.hide
+  .form-group.row.js-toggle-colors-container.toggle-colors.hide
     = f.label :color, "Background Color", class: 'col-form-label col-sm-2'
     .col-sm-10
       = f.color_field :color, class: "form-control"
-  .form-group.row.js-toggle-colors-container.hide
+  .form-group.row.js-toggle-colors-container.toggle-colors.hide
     = f.label :font, "Font Color", class: 'col-form-label col-sm-2'
     .col-sm-10
       = f.color_field :font, class: "form-control"