From fee92c51894cb8110d70eb4f1cb21c7390805006 Mon Sep 17 00:00:00 2001
From: Prasanth Baskar <bupdprasanth@gmail.com>
Date: Mon, 10 Feb 2025 10:56:13 +0530
Subject: [PATCH] Fix Overflow in Interrogation Services Page (#21043)

* fix overflow in interrogation services vuln page

Signed-off-by: bupd <bupdprasanth@gmail.com>

* add space between items in vuln page

* adds padding in between scan now and results of the scan

Signed-off-by: bupd <bupdprasanth@gmail.com>

---------

Signed-off-by: bupd <bupdprasanth@gmail.com>
---
 .../vulnerability/vulnerability-config.component.html     | 8 +++++---
 .../vulnerability/vulnerability-config.component.scss     | 6 +++++-
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.html b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.html
index c5ec18cbc..4a6731dba 100644
--- a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.html
+++ b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.html
@@ -19,8 +19,8 @@
                 (inputvalue)="saveSchedule($event)"></cron-selection>
         </div>
     </section>
-    <div class="clr-row">
-        <div class="clr-col-2 flex-200">
+    <div class="clr-col-5">
+        <div class="clr-row-3">
             <div class="btn-scan-right btn-scan margin-top-16px">
                 <button
                     id="scan"
@@ -39,7 +39,9 @@
                     class="spinner spinner-inline margin-left-5 v-mid"></span>
             </div>
         </div>
-        <div class="clr-col" *ngIf="scanningMetrics && scanningMetrics.total">
+        <div
+            class="clr-row-2 pt-4"
+            *ngIf="scanningMetrics && scanningMetrics.total">
             <div class="total" [style.width]="totalWidth + 'px'">
                 <span class="float-left" *ngIf="isManual()">{{
                     'CONFIG.SCANNING.MANUAL' | translate
diff --git a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss
index 3b6bc12fd..833f1b882 100644
--- a/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss
+++ b/src/portal/src/app/base/left-side-nav/interrogation-services/vulnerability/vulnerability-config.component.scss
@@ -43,7 +43,7 @@
             width: 160px;
             margin-bottom: 0;
             margin-top: 41px;
-       } 
+       }
     }
 }
 
@@ -73,6 +73,10 @@
     flex: 0 0 200px;
 }
 
+.pt-4 {
+    padding-top: 1rem;
+}
+
 .total {
     text-align: right;
     line-height: 15px;