fix(admin): adjusted spacing between toggles

* added bigger gap under the toggles

Author: xkostka2

apps/admin-gui/src/_styles.scss

@@ -1695,3 +1695,7 @@ table .mdc-text-field--outlined {
   z-index: 100;
   font-weight: bold !important;
 }
+
+.mb-25 {
+  margin-bottom: 0.75rem;
+}

apps/admin-gui/src/app/admin/pages/admin-page/admin-services/service-detail-page/service-detail-page.component.html

@@ -46,13 +46,15 @@
         <mat-slide-toggle
           [checked]="service.enabled"
           (toggleChange)="changeServiceStatus()"
-          labelPosition="before">
+          labelPosition="before"
+          class="mb-25">
           {{'SERVICE_DETAIL.ENABLE' | translate}}
         </mat-slide-toggle>
         <mat-slide-toggle
           [checked]="service.useExpiredMembers"
           (toggleChange)="propagationChange()"
-          labelPosition="before">
+          labelPosition="before"
+          class="mb-25">
           {{'SERVICE_DETAIL.PROPAGATE' | translate}}
         </mat-slide-toggle>
         <button

libs/perun/components/src/lib/attribute-critical-operations-toggles/attribute-critical-operations-toggles.component.html

@@ -1,5 +1,5 @@
 <mat-slide-toggle
-  class="toggle-font"
+  class="toggle-font mb-25"
   labelPosition="before"
   data-cy="toggle-read-critical"
   [(ngModel)]="readOperation"
@@ -8,7 +8,7 @@
 </mat-slide-toggle>
 <br />
 <mat-slide-toggle
-  class="toggle-font"
+  class="toggle-font mb-25"
   labelPosition="before"
   [(ngModel)]="writeOperation"
   (toggleChange)="writeOperationChanged.emit(!writeOperation)">