From 5f3b77972e173375b5820f1bcf8ae32158e4bad1 Mon Sep 17 00:00:00 2001
From: nd0ut <nd0ut.me@gmail.com>
Date: Thu, 30 Nov 2023 20:04:47 +0800
Subject: [PATCH] fix(start-from): styles

---
 blocks/Copyright/copyright.css            | 5 +++++
 blocks/StartFrom/start-from.css           | 2 +-
 solutions/file-uploader/inline/index.css  | 1 +
 solutions/file-uploader/minimal/index.css | 4 ++--
 4 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/blocks/Copyright/copyright.css b/blocks/Copyright/copyright.css
index b9f24d591..919645431 100644
--- a/blocks/Copyright/copyright.css
+++ b/blocks/Copyright/copyright.css
@@ -1,3 +1,8 @@
+lr-copyright {
+  display: flex;
+  align-items: flex-end;
+}
+
 lr-copyright .credits {
   padding: 0 var(--gap-mid) var(--gap-mid) calc(var(--gap-mid) * 1.5);
   color: var(--clr-txt-lightest);
diff --git a/blocks/StartFrom/start-from.css b/blocks/StartFrom/start-from.css
index 6e9461143..7a5cbbd8c 100644
--- a/blocks/StartFrom/start-from.css
+++ b/blocks/StartFrom/start-from.css
@@ -7,7 +7,7 @@ lr-start-from .content {
   grid-auto-flow: row;
   gap: var(--gap-max);
   width: 100%;
-  height: max-content;
+  height: 100%;
   padding: var(--gap-max);
   overflow-y: auto;
   background-color: var(--clr-background-light);
diff --git a/solutions/file-uploader/inline/index.css b/solutions/file-uploader/inline/index.css
index 2428bc127..a3b655c10 100644
--- a/solutions/file-uploader/inline/index.css
+++ b/solutions/file-uploader/inline/index.css
@@ -28,6 +28,7 @@ lr-activity-header .close-btn {
 @container (min-width: 500px) {
   lr-start-from .content {
     grid-template-columns: 1fr max-content;
+    height: 100%;
   }
 
   lr-start-from lr-copyright {
diff --git a/solutions/file-uploader/minimal/index.css b/solutions/file-uploader/minimal/index.css
index 3eb687bc7..55e9f703c 100644
--- a/solutions/file-uploader/minimal/index.css
+++ b/solutions/file-uploader/minimal/index.css
@@ -48,13 +48,13 @@
   display: block;
 }
 
-lr-start-from {
+lr-start-from .content {
   display: flex;
   flex-direction: column;
   gap: var(--gap-min);
   padding: 0;
   overflow: hidden;
-  text-align: center;
+  align-items: center;
   background-color: transparent;
 }