From 540868220db7f3c96691400c7b0d8a4454ca29e9 Mon Sep 17 00:00:00 2001
From: adamgoth <adamgoth@gmail.com>
Date: Tue, 2 Feb 2021 08:08:39 -0700
Subject: [PATCH] ui: use ionic positioning instead of custom CSS

---
 .../server-specs/server-specs.page.html          | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/ui/src/app/pages/server-routes/server-specs/server-specs.page.html b/ui/src/app/pages/server-routes/server-specs/server-specs.page.html
index d25e04bce..5c86c800a 100644
--- a/ui/src/app/pages/server-routes/server-specs/server-specs.page.html
+++ b/ui/src/app/pages/server-routes/server-specs/server-specs.page.html
@@ -20,16 +20,14 @@
 
     <ion-item-group>
       <ion-item *ngFor="let spec of (server.specs | async) | keyvalue : asIsOrder" [class.break-all]="spec.key === 'Tor Address'">
-        <ion-label class="ion-text-wrap" style="display: flex; justify-content: space-between; align-items: center;">
-          <div>
-            <h2>{{ spec.key }}</h2>
-            <p *ngIf="spec.value | isValidEmver">{{ spec.value | displayEmver }}</p>
-            <p *ngIf="!(spec.value | isValidEmver)">{{ spec.value }}</p>
-          </div>
-          <ion-button *ngIf="spec.key === 'Tor Address'" fill="clear" (click)="copyTor()">
-            <ion-icon slot="icon-only" name="copy-outline" color="primary"></ion-icon>
-          </ion-button>
+        <ion-label class="ion-text-wrap">
+          <h2>{{ spec.key }}</h2>
+          <p *ngIf="spec.value | isValidEmver">{{ spec.value | displayEmver }}</p>
+          <p *ngIf="!(spec.value | isValidEmver)">{{ spec.value }}</p>
         </ion-label>
+        <ion-button slot="end" *ngIf="spec.key === 'Tor Address'" fill="clear" (click)="copyTor()">
+          <ion-icon slot="icon-only" name="copy-outline" color="primary"></ion-icon>
+        </ion-button>
       </ion-item>
     </ion-item-group>
   </ng-container>