Add border

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">
+<div class="p-3">
+  <div class="d-flex justify-content-center mb-1">
     <gf-logo size="large" [hideName]="true"></gf-logo>
-</div>
+  </div>
-<a
+  <a
     class="align-items-center justify-content-center"
     color="primary"
     [routerLink]="['/transactions']"
     mat-button
->
+  >
     <span i18n>Time to add your first transaction.</span>
-</a>
+  </a>
+</div>

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));
+}