From 30ef5c193974b7dc6a92d41ef2de458c768e5a2a Mon Sep 17 00:00:00 2001
From: SondreB <sondre@outlook.com>
Date: Thu, 5 Jan 2023 20:21:52 +0100
Subject: [PATCH] Minor cleanup of connect page

---
 src/app/connect/connect.component.css  | 10 ----------
 src/app/connect/connect.component.html | 14 +++++++-------
 2 files changed, 7 insertions(+), 17 deletions(-)

diff --git a/src/app/connect/connect.component.css b/src/app/connect/connect.component.css
index 96f9b1f..6595945 100644
--- a/src/app/connect/connect.component.css
+++ b/src/app/connect/connect.component.css
@@ -136,12 +136,6 @@
   z-index: 10000;
 }
 
-.screenshot {
-  background-size: cover;
-  background: transparent url("/assets/blockcore-notes-screenshot.png") no-repeat left center;
-  height: 776px;
-}
-
 .card-image{
   padding: 0px !important;
 }
@@ -168,10 +162,6 @@
     margin-left: 1em;
   }
 
-  .screenshot {
-    margin-left: 2em;
-  }
-
   .card {
     font-size: 0.8em;
     margin-left: 2em;
diff --git a/src/app/connect/connect.component.html b/src/app/connect/connect.component.html
index 2dc4591..afa28a8 100644
--- a/src/app/connect/connect.component.html
+++ b/src/app/connect/connect.component.html
@@ -9,7 +9,9 @@
       </button>
     </div>
     <div class="connect-button" *ngIf="showInstallLink">
-      <a class="start-button" (click)="connect()" mat-flat-button color="accent" href="https://chrome.google.com/webstore/detail/blockcore-wallet/peigonhbenoefaeplkpalmafieegnapj" target="_blank">Install <span class="hide-tiny">extension</span></a>
+      <a class="start-button" (click)="connect()" mat-flat-button color="accent" href="https://chrome.google.com/webstore/detail/blockcore-wallet/peigonhbenoefaeplkpalmafieegnapj" target="_blank"
+        >Install <span class="hide-tiny">extension</span></a
+      >
     </div>
     <div class="connect-button" *ngIf="extensionDiscovered">
       <button class="start-button" *ngIf="consent" (click)="connect()" mat-flat-button color="accent">Connect <span class="hide-tiny">using extension</span></button>
@@ -28,11 +30,10 @@
       </mat-card-content>
     </mat-card>
 
-
-    <!-- <img class="screenshot" src="/assets/blockcore-notes-screenshot.png" /> -->
     <mat-card class="card card-image">
-      <img mat-card-image src="/assets/blockcore-notes-screenshot.png" alt="Photo of a Shiba Inu">
+      <img mat-card-image src="/assets/blockcore-notes-screenshot.png" />
     </mat-card>
+
     <mat-card class="card">
       <mat-card-content>
         <h1>Follow your favorite creators</h1>
@@ -51,7 +52,6 @@
       </mat-card-content>
     </mat-card>
 
-
     <mat-card class="card">
       <mat-card-content>
         <h1>Read Only Login</h1>
@@ -74,13 +74,13 @@
         </p> -->
       </mat-card-content>
     </mat-card>
-    
+
     <mat-card class="card warn">
       <mat-card-content>
         <h1 *ngIf="!consent">Your approval is needed</h1>
         <h1 *ngIf="consent">Thank you!</h1>
         <div *ngIf="consent">
-          <button class="start-button start-button-consent" *ngIf="consent" (click)="connect()" mat-flat-button>Connect <span class="hide-tiny">using extension</span></button><br><br>
+          <button class="start-button start-button-consent" *ngIf="consent" (click)="connect()" mat-flat-button>Connect using extension</button><br /><br />
         </div>
         <div *ngIf="!consent">
           <p>