From 4f513f2ae82c87d16d6ae1cc9ee28f17c27c7909 Mon Sep 17 00:00:00 2001
From: SondreB <sondre@outlook.com>
Date: Thu, 5 Jan 2023 00:56:45 +0100
Subject: [PATCH] Optimize for small screens

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

diff --git a/src/app/connect/connect.component.css b/src/app/connect/connect.component.css
index 3a33e46..db1eaf2 100644
--- a/src/app/connect/connect.component.css
+++ b/src/app/connect/connect.component.css
@@ -134,8 +134,10 @@
 }
 
 .screenshot {
-  border-radius: 20px;
+  border-radius: 20px 0 0 20px;
   margin-left: 8em;
+  background: transparent url("/assets/blockcore-notes-screenshot.png") no-repeat left center;
+  height: 776px;
 }
 
 @media only screen and (max-width: 760px) {
@@ -145,6 +147,7 @@
     margin-top: 1em;
     margin-left: 1em;
   }
+
   .screenshot {
     margin-left: 2em;
   }
@@ -165,4 +168,16 @@
   .hide-tiny {
     display: none;
   }
+
+  .connect-logo {
+    width: 64px;
+    height: 64px;
+    margin-top: -0.47em;
+    margin-left: 0em;
+  }
+
+  .logo-text {
+    margin-left: 84px;
+    margin-top: 0.2em;
+  }
 }
diff --git a/src/app/connect/connect.component.html b/src/app/connect/connect.component.html
index bde93a5..7dbb83b 100644
--- a/src/app/connect/connect.component.html
+++ b/src/app/connect/connect.component.html
@@ -25,7 +25,9 @@
       </mat-card-content>
     </mat-card>
 
-    <img class="screenshot" src="/assets/blockcore-notes-screenshot.png" />
+    <div class="screenshot">
+    </div>
+    <!-- <img class="screenshot" src="/assets/blockcore-notes-screenshot.png" /> -->
 
     <mat-card class="card">
       <mat-card-content>