From 2f7f4fef9c02151eb23d84115feacb3359ff9ddb Mon Sep 17 00:00:00 2001
From: Kekoa Kaaikala <kekoa.kaaikala@gmail.com>
Date: Wed, 28 Sep 2022 18:18:35 +0000
Subject: [PATCH] UI: Fix warning icon spacing

---
 .../src/styles/pages/ConfigurationPage.scss   | 33 +++++++++++--------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss b/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss
index 22f396b56..330b2fee7 100644
--- a/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss
+++ b/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss
@@ -1,25 +1,26 @@
-.config-nav > li > a{
+.config-nav>li>a {
   height: 50px !important;
 }
 
-.config-nav .nav-link.tab-primary{
+.config-nav .nav-link.tab-primary {
   color: $monkey-alt;
   font-weight: bold;
 }
 
-.config-nav .nav-item > a{
+.config-nav .nav-item>a {
   color: $black;
   padding: 15px 10px 15px 10px;
 }
 
-.config-nav .nav-item > a.active{
+.config-nav .nav-item>a.active {
   font-weight: bold;
   color: $black;
 }
 
-.config-nav .nav-item > a:hover:not(.active),  .config-nav .nav-item > a:focus:not(.active){
-    text-decoration: none;
-    background-color: $light-gray;
+.config-nav .nav-item>a:hover:not(.active),
+.config-nav .nav-item>a:focus:not(.active) {
+  text-decoration: none;
+  background-color: $light-gray;
 }
 
 .config-form legend {
@@ -35,15 +36,15 @@
   display: none;
 }
 
-.config-template-no-header > p {
+.config-template-no-header>p {
   display: none;
 }
 
-.config-template-no-header > label {
+.config-template-no-header>label {
   display: none;
 }
 
-.config-form .form-group.field > label {
+.config-form .form-group.field>label {
   margin-top: 10px;
   margin-bottom: 5px;
   font-size: 1.2em;
@@ -54,7 +55,13 @@
 }
 
 .warning-icon {
-    text-transform: uppercase;
-    color: #FFC107;
-    margin-left: .75em;
+  text-transform: uppercase;
+  color: #FFC107;
+  margin-left: .75em;
+}
+
+.alert-info .warning-icon {
+  text-transform: uppercase;
+  color: #FFC107;
+  margin-right: .5em;
 }