From ce22544c602d7a243034fa1ab25f1ddea2d47365 Mon Sep 17 00:00:00 2001
From: Prabhat Khera <91852476+prabhat-org@users.noreply.github.com>
Date: Fri, 29 Jul 2022 14:41:33 +1200
Subject: [PATCH] feature(ui): UI security constraints screen EE-3706 (#7314)

---
 app/assets/css/icon.css                                  | 2 +-
 app/kubernetes/views/security-constraint/constraint.html | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/assets/css/icon.css b/app/assets/css/icon.css
index 9cc2b9b1e..7eac5903c 100644
--- a/app/assets/css/icon.css
+++ b/app/assets/css/icon.css
@@ -6,7 +6,7 @@
 }
 
 pr-icon {
-  display: inline-block;
+  display: inline-flex;
 }
 
 .icon {
diff --git a/app/kubernetes/views/security-constraint/constraint.html b/app/kubernetes/views/security-constraint/constraint.html
index 44dffb0ed..3871615f6 100644
--- a/app/kubernetes/views/security-constraint/constraint.html
+++ b/app/kubernetes/views/security-constraint/constraint.html
@@ -13,12 +13,9 @@
 
 <div ng-if="state.viewReady">
   <div class="row">
-    <div class="col-sm-12 space-left">
-      <i class="fas fa-shield-alt"></i>
-      Pod security constraints</div
-    >
     <div class="col-sm-12">
       <rd-widget>
+        <rd-widget-header icon="shield" feather-icon="true" title-text="Pod security constraints"></rd-widget-header>
         <rd-widget-body>
           <form class="form-horizontal" name="kubernetesSecurityConstraintForm">
             <!--  main toggle  -->
@@ -29,6 +26,8 @@
                   name="'disableSysctlSettingForRegularUsers'"
                   label="'Enable pod security constraints'"
                   feature-id="limitedFeaturePodSecurityPolicy"
+                  label-class="'col-sm-3 col-lg-2 px-0'"
+                  switch-class="'col-sm-8'"
                 >
                 </por-switch-field>
               </div>