Fixes #19285: fix styling of selects on CV deletion pages.

http://projects.theforeman.org/issues/19285
daviddavis · May 16, 2017 · 4abe950 · 4abe950
1 parent 9c99b02
commit 4abe950
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 24 deletions.
diff --git a/...cripts/bastion_katello/content-views/deletion/views/version-deletion-activation-keys.html b/...cripts/bastion_katello/content-views/deletion/views/version-deletion-activation-keys.html
@@ -28,19 +28,22 @@ <h3 translate>Activation Keys using Version {{ version.version }}</h3>
        ng-model="selectedEnvironment"
        mode="singleSelect"></div>
 
-  <div>
-    <span translate>Content View:</span>
-    <select ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length > 0"
-            ng-options="cv.id as cv.name for cv in contentViewsForEnvironment"
-            ng-model="selectedContentViewId"></select>
-    <i ng-show="fetchingViews" class="fa fa-spinner fa-spin"></i>
-    <span translate ng-hide="selectedEnvironment">
-      Please select a Lifecycle Environment.
-    </span>
-    <span translate ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length === 0">
-      No Content Views available, please select another environment.
-    </span>
+  <div class="row">
+    <div class="col-sm-4">
+      <span translate>Content View:</span>
+      <select class="form-control" ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length > 0"
+              ng-options="cv.id as cv.name for cv in contentViewsForEnvironment"
+              ng-model="selectedContentViewId">
+      </select>
+      <i ng-show="fetchingViews" class="fa fa-spinner fa-spin"></i>
+      <span translate ng-hide="selectedEnvironment">
+        Please select a Lifecycle Environment.
+      </span>
+      <span translate ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length === 0">
+        No Content Views available, please select another environment.
+      </span>
     </div>
+  </div>
 
   <a ng-click="toggleKeys()">
     <p ng-show="!showKeys" translate>Show affected Activation Keys</p>

diff --git a/...ascripts/bastion_katello/content-views/deletion/views/version-deletion-content-hosts.html b/...ascripts/bastion_katello/content-views/deletion/views/version-deletion-content-hosts.html
@@ -21,18 +21,22 @@ <h3 translate>Content Hosts using Version {{ version.version }}</h3>
          ng-model="selectedEnvironment"
          mode="singleSelect"></div>
 
-    <div>
-      <span translate>Content View:</span>
-      <select ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length > 0"
-              ng-options="cv.id as cv.name for cv in contentViewsForEnvironment"
-              ng-model="selectedContentViewId"></select>
-      <i ng-show="fetchingViews" class="fa fa-spinner fa-spin"></i>
-      <span translate ng-hide="selectedEnvironment">
-        Please select an environment.
-      </span>
-      <span translate ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length === 0">
-        No Content Views available, please select another environment.
-      </span>
+    <div class="row">
+      <div class="col-sm-4">
+        <span translate>Content View:</span>
+        <select class="form-control"
+                ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length > 0"
+                ng-options="cv.id as cv.name for cv in contentViewsForEnvironment"
+                ng-model="selectedContentViewId">
+        </select>
+        <i ng-show="fetchingViews" class="fa fa-spinner fa-spin"></i>
+        <span translate ng-hide="selectedEnvironment">
+          Please select an environment.
+        </span>
+        <span translate ng-show="!fetchingViews && selectedEnvironment && contentViewsForEnvironment.length === 0">
+          No Content Views available, please select another environment.
+        </span>
+      </div>
     </div>
   </div>