From 6f6ffc9ffb423763c462797c83ef4f0b30943923 Mon Sep 17 00:00:00 2001
From: Thomas <4159106+dtslvr@users.noreply.github.com>
Date: Sun, 18 Jul 2021 09:32:18 +0200
Subject: [PATCH] Add border

---
 .../no-transactions-info.component.html       | 22 ++++++++++---------
 .../no-transactions-info.component.scss       |  6 +++++
 2 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.html b/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.html
index a5791ec0f..d06119dd4 100644
--- a/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.html
+++ b/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.html
@@ -1,11 +1,13 @@
-<div class="d-flex justify-content-center mb-1">
-  <gf-logo size="large" [hideName]="true"></gf-logo>
+<div class="p-3">
+  <div class="d-flex justify-content-center mb-1">
+    <gf-logo size="large" [hideName]="true"></gf-logo>
+  </div>
+  <a
+    class="align-items-center justify-content-center"
+    color="primary"
+    [routerLink]="['/transactions']"
+    mat-button
+  >
+    <span i18n>Time to add your first transaction.</span>
+  </a>
 </div>
-<a
-  class="align-items-center justify-content-center"
-  color="primary"
-  [routerLink]="['/transactions']"
-  mat-button
->
-  <span i18n>Time to add your first transaction.</span>
-</a>
diff --git a/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.scss b/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.scss
index 453beea72..9c9f064b7 100644
--- a/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.scss
+++ b/apps/client/src/app/components/no-transactions-info/no-transactions-info.component.scss
@@ -1,7 +1,13 @@
 :host {
+  border: 1px solid rgba(var(--dark-dividers));
+  border-radius: 0.25rem;
   display: block;
 
   gf-logo {
     opacity: 0.25;
   }
 }
+
+:host-context(.is-dark-theme) {
+  border-color: rgba(var(--light-dividers));
+}