mgr/dashboard: fix spacing of embedded grafana buttons

Fixes: https://tracker.ceph.com/issues/61220
Signed-off-by: Pedro Gonzalez Gomez <pegonzal@redhat.com>
(cherry picked from commit 5b7e850f67097f37276bc4bda87a65a79ce71b6c)

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
index 6191bac3bcfe289ca6f55365c0d594be890b9fc7..8d687775df0ee755bf45bb87e1cd21fb283825bd 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
@@ -14,12 +14,13 @@
 
 <ng-container *ngIf="grafanaExist && dashboardExist">
   <div class="row mb-3">
-    <div class="col-lg-4 d-flex">
+    <div class="col-lg-5 d-flex">
       <div class="col-md-3 timepicker">
         <label for="timepicker"
                class="mt-2"
-               i18n>Grafana Time Picker</label></div>
-        <div class="col-md-4">
+               i18n>Grafana Time Picker</label>
+      </div>
+      <div class="col-sm-4">
         <select id="timepicker"
                 name="timepicker"
                 class="form-select"
@@ -28,15 +29,17 @@
           <option *ngFor="let key of grafanaTimes"
                   [ngValue]="key.value">{{ key.name }}
           </option>
-        </select></div>
-        <div class="col-md-3">
-
+        </select>
+      </div>
+      <div class="col-sm-1">
         <button class="btn btn-light ms-3"
                 i18n-title
                 title="Reset Settings"
                 (click)="reset()">
           <i [ngClass]="[icons.undo]"></i>
         </button>
+      </div>
+      <div class="col-sm-1">
         <button class="btn btn-light ms-3"
                 i18n-title
                 title="Show hidden information"