From 9e63168282d8234f1c9212fb6b514474ba2df9d0 Mon Sep 17 00:00:00 2001
From: Clement Ho <ClemMakesApps@gmail.com>
Date: Mon, 11 Jun 2018 17:18:19 -0500
Subject: Fix change template form

---
 app/assets/stylesheets/bootstrap_migration.scss |  4 ++++
 app/assets/stylesheets/pages/projects.scss      | 25 ++++++-------------------
 2 files changed, 10 insertions(+), 19 deletions(-)

(limited to 'app/assets')

diff --git a/app/assets/stylesheets/bootstrap_migration.scss b/app/assets/stylesheets/bootstrap_migration.scss
index 95b842a337c..191a3bb5b59 100644
--- a/app/assets/stylesheets/bootstrap_migration.scss
+++ b/app/assets/stylesheets/bootstrap_migration.scss
@@ -161,6 +161,10 @@ table {
   }
 }
 
+.input-group-prepend svg.active {
+  border: 0 !important;
+}
+
 // Polyfill deprecated selectors
 
 .hidden {
diff --git a/app/assets/stylesheets/pages/projects.scss b/app/assets/stylesheets/pages/projects.scss
index caafda5fb05..ea2c0a86e49 100644
--- a/app/assets/stylesheets/pages/projects.scss
+++ b/app/assets/stylesheets/pages/projects.scss
@@ -514,12 +514,6 @@
     }
   }
 
-  svg {
-    position: absolute;
-    left: $gl-padding;
-    top: $gl-padding;
-  }
-
   .project-fields-form {
     display: none;
 
@@ -530,25 +524,18 @@
   }
 
   .template-input-group {
-    position: relative;
-
-    @include media-breakpoint-up(sm) {
-      display: flex;
-    }
-
-    .input-group-prepend,
-    .input-group-append {
+    .input-group-prepend {
       flex: 1;
-      text-align: left;
-      padding-left: ($gl-padding * 3);
-      background-color: $white-light;
     }
 
-    .selected-template {
-      line-height: 20px;
+    .input-group-text {
+      width: 100%;
+      background-color: $white-light;
     }
 
     .selected-icon {
+      padding-right: $gl-padding;
+
       svg {
         display: none;
         top: 7px;
-- 
cgit v1.2.1