fix(clipboard): adapt to mobile view

ElonH · Jun 3, 2020 · 1d878c9 · 1d878c9
1 parent dad3bb4
commit 1d878c9
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/app/pages/manager/clipboard/clipboard.component.ts b/src/app/pages/manager/clipboard/clipboard.component.ts
@@ -13,16 +13,24 @@ import { ClipboardService, IManipulate } from './clipboard.service';
 				badgeStatus="primary"
 			>
 				<ng-container *ngIf="tab.oper === 'del'">
-					<button nbButton status="danger" (click)="deleteConfirm.emit()">
-						<nb-icon icon="alert-triangle"></nb-icon>
-						Confirm
-					</button>
+					<div style="display: flex; justify-content: center;">
+						<button nbButton status="danger" (click)="deleteConfirm.emit()">
+							<nb-icon icon="alert-triangle"></nb-icon>
+							Confirm
+						</button>
+					</div>
 				</ng-container>
 				<app-clipboard-remotes-table [oper]="tab.oper"> </app-clipboard-remotes-table>
 			</nb-tab>
 		</nb-tabset>
 	`,
-	styles: [],
+	styles: [
+		`
+			:host nb-tab {
+				padding: 0;
+			}
+		`,
+	],
 })
 export class ClipboardComponent implements OnInit {
 	constructor(private service: ClipboardService) {}