small layout fixes

homebridge · Dec 2, 2023 · ea99ef0 · ea99ef0
1 parent 268f692
commit ea99ef0
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 10 deletions.
diff --git a/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html b/ui/src/app/modules/plugins/plugin-card/plugin-card.component.html
@@ -46,7 +46,7 @@ <h5 class="card-title mb-2 text-truncate">
               </a>
               <i class="far fa-fw fa-pause-circle fa-lg red-text" *ngIf="plugin.installedVersion && plugin.disabled"
                 [ngbTooltip]="'plugins.status_disabled' | translate" container="body"></i>
-              <span *ngIf="plugin.installedVersion"> {{ 'plugins.status_installed' | translate }}: </span>
+              <span *ngIf="plugin.installedVersion" class="d-none d-md-inline"> {{ 'plugins.status_installed' | translate }}: </span>
               v{{ plugin.installedVersion || plugin.latestVersion }}
               <span *ngIf="!plugin.installedVersion && plugin.lastUpdated">({{ plugin.lastUpdated | date:'yyyy-MM-dd' }})</span>
             </p>

diff --git a/ui/src/app/modules/status/widgets/child-bridge-widget/child-bridge-widget.component.html b/ui/src/app/modules/status/widgets/child-bridge-widget/child-bridge-widget.component.html
@@ -3,27 +3,23 @@
     {{ 'child_bridge.label_child_bridges' | translate }}
   </div>
   <div class="d-flex flex-wrap w-100 pl-2 pr-2">
-
     <ul class="list-group w-100 gridster-item-content">
       <li class="list-group-item border-0 pl-2 pr-2 d-flex flex-row justify-content-between" *ngFor="let bridge of childBridges">
         <div class="flex-child">
-
-          <i class="fas fa-fw fa-circle mr-1" [ngClass]="{
+          <i class="fas fa-fw mr-1" [ngClass]="{
             'fa-bridge-circle-check green-text': bridge.status === 'ok',
             'fa-bridge-circle-exclamation text-warning': bridge.status === 'pending',
             'fa-bridge-circle-xmark red-text': bridge.status === 'down'
           }"></i>
           {{ bridge.name }}
         </div>
-
         <div style="min-width: 48px;" class="grey-text text-right">
           <!-- <a *ngIf="!bridge.restartInProgress && bridge.paired === false" href="javascript:void(0)"
             (click)="restartChildBridge(bridge)" class="grey-text mr-1"
             ngbTooltip="{{'child_bridge.label_bridge_connect_to_homekit' | translate}}" container="body" openDelay="150"
             [placement]="['left', 'top', 'bottom']">
             <i class="fa-fw icon-button fas fa-fw fa-qrcode"></i>
           </a> -->
-
           <a *ngIf="!bridge.restartInProgress" href="javascript:void(0)" (click)="restartChildBridge(bridge)"
             class="grey-text" ngbTooltip="{{'menu.tooltip_restart' | translate}}" container="body" openDelay="150"
             [placement]="['left', 'top', 'bottom']">

diff --git a/...p/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html b/...p/modules/status/widgets/homebridge-status-widget/homebridge-status-widget.component.html
@@ -3,7 +3,7 @@
   <div class="d-flex flex-wrap w-100 pr-3 pl-2 justify-content-start gridster-item-content overflow-auto no-scrollbars">
     <div class="hb-status-item d-flex flex-row mr-4">
       <div class="d-flex">
-        <div class="mb-0 px-3 py-2 hb-status-icon">
+        <div class="mb-0 px-3 py-1 hb-status-icon">
           <i class="fas fa-fw primary-text" [ngClass]="{
             'fa-exclamation-circle red-text': homebridgeStatus.status === 'down',
             'fa-cog fa-spin': homebridgeStatus.status === 'pending',
@@ -34,7 +34,7 @@
 
     <div class="hb-status-item d-flex flex-row mr-4 pr-4">
       <div class="d-flex">
-        <div class="mb-0 px-3 py-2 hb-status-icon">
+        <div class="mb-0 px-3 py-1 hb-status-icon">
           <i class="fas fa-fw fa-cog fa-spin primary-text" *ngIf="!homebridgePkg.installedVersion"></i>
           <i class="fas fa-fw fa-check-circle primary-text"
             *ngIf="homebridgePkg.installedVersion && !homebridgePkg.updateAvailable && !homebridgePkg.betaUpdateAvailable"></i>
@@ -67,7 +67,7 @@
 
     <div class="hb-status-item d-flex flex-row mr-4 pr-4">
       <div class="d-flex">
-        <div class="mb-0 px-3 py-2 hb-status-icon">
+        <div class="mb-0 px-3 py-1 hb-status-icon">
           <i class="fas fa-fw fa-cog fa-spin primary-text" *ngIf="!homebridgeUiPkg.installedVersion"></i>
           <i class="fas fa-fw fa-check-circle primary-text"
              *ngIf="homebridgeUiPkg.installedVersion && !homebridgeUiPkg.updateAvailable && !homebridgeUiPkg.betaUpdateAvailable"></i>
@@ -100,7 +100,7 @@
 
     <div class="hb-status-item d-flex flex-row mr-4 pr-4">
       <div class="d-flex">
-        <div class="mb-0 px-3 py-2 hb-status-icon">
+        <div class="mb-0 px-3 py-1 hb-status-icon">
           <i class="fas fa-fw fa-arrow-alt-circle-up primary-text" *ngIf="homebridgePluginStatus.length"></i>
           <i class="fas fa-fw fa-check-circle primary-text" *ngIf="!homebridgePluginStatus.length"></i>
         </div>