From 161b1c5992dc55cdfb29ad97d063628b74471144 Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@protonmail.com>
Date: Thu, 4 Nov 2021 20:11:43 +0100
Subject: [PATCH] Fix alignment of removal button

Signed-off-by: trivernis <trivernis@protonmail.com>
---
 .../repository-card/repository-card.component.html            | 2 +-
 .../repository-card/repository-card.component.scss            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html b/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html
index a42a172..7524206 100644
--- a/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html
+++ b/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html
@@ -12,7 +12,7 @@
     <button *ngIf="!this.isSelectedRepository() && !repository.local" mat-flat-button color="primary" (click)="selectRepository()" [disabled]="!this.daemonRunning">Connect</button>
     <button *ngIf="this.isSelectedRepository() && repository.local" mat-flat-button color="primary" (click)="this.repoService.closeSelectedRepository()">Close</button>
     <button *ngIf="this.isSelectedRepository() && !repository.local" mat-flat-button color="primary" (click)="this.repoService.disconnectSelectedRepository()" [disabled]="!this.daemonRunning">Disconnect</button>
-    <button mat-button [mat-menu-trigger-for]="menu"><mat-icon>more_vert</mat-icon></button>
+    <button mat-button [mat-menu-trigger-for]="menu" class="menu-button"><mat-icon>more_vert</mat-icon></button>
     <mat-menu #menu="matMenu">
       <button *ngIf="repository.local" mat-menu-item (click)="removeRepository()">Delete</button>
       <button *ngIf="!repository.local" mat-menu-item (click)="removeRepository()">Remove</button>
diff --git a/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.scss b/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.scss
index f34b549..a498503 100644
--- a/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.scss
+++ b/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.scss
@@ -32,3 +32,7 @@
 .status-online {
   background-color: #1b651b;
 }
+
+button.menu-button {
+  float: right;
+}