show wallet website, tighter layout

openwallet-foundation · Apr 12, 2024 · b03d5d1 · b03d5d1
1 parent 9f405de
commit b03d5d1
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/viewer/src/app/wallets-show/wallets-show.component.html b/viewer/src/app/wallets-show/wallets-show.component.html
@@ -18,6 +18,15 @@ <h1>{{ wallet.name }}</h1>
           >Contact provider</a
         >
       </div>
+      <div fxLayout="row" fxLayoutGap="16px">
+        <p><a
+          *ngIf="wallet.urlWebsite"
+          class="website"
+          target="_blank"
+          [href]="wallet.urlWebsite"
+          >{{ wallet.urlWebsite }}</a
+        ></p>
+      </div>
       <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="16px">
         <a
           *ngIf="wallet.urlGooglePlayStore"

diff --git a/viewer/src/app/wallets-show/wallets-show.component.scss b/viewer/src/app/wallets-show/wallets-show.component.scss
@@ -11,6 +11,10 @@ a {
   text-decoration: none;
 }
 
+.website {
+  font-size: small;
+}
+
 .company {
   font-weight: bold;
 }
@@ -25,4 +29,13 @@ a:hover {
   border-radius: 20px;
   // make a shadow for the box
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
+  padding: 10px;
+}
+
+h2 {
+  margin: 1em 0 0 0;
+}
+
+.mdc-list-item.mdc-list-item--with-one-line {
+  height: auto !important;
 }