From a97d98c3e6571bbf558b6b279be7eba51aad4ca7 Mon Sep 17 00:00:00 2001
From: Balakrishnan Balasubramanian <git.user@balki.me>
Date: Sat, 10 Aug 2024 12:16:03 -0400
Subject: [PATCH] Collapse page size selector

---
 web/index.css  | 20 ++++++++++----------
 web/index.html |  5 +++--
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/web/index.css b/web/index.css
index ff747b4..47471af 100644
--- a/web/index.css
+++ b/web/index.css
@@ -88,10 +88,10 @@
 .two-one-two-topbottom {
     display: grid;
     grid-template-areas: 
-    "A  B"
-    "C  C"
-    "C  C"
-    "D  E"
+    "A B"
+    "C C"
+    "C C"
+    "D E";
 }
 
 .two-one-two-topbottom .img1 {
@@ -101,27 +101,27 @@
 .two-row {
     display: grid;
     grid-template-areas: 
-    "A B"
+    "A B";
 }
 
 .three-row {
     display: grid;
     grid-template-areas:
-    "A B C"
+    "A B C";
 }
 
 .four-row {
     display: grid;
     grid-template-areas:
-    "A B C D"
+    "A B C D";
 }
 
 .one-three-topbottom {
     display: grid;
     grid-template-areas:
-    "A  A  A"
-    "B  C  D"
+    "A A A"
+    "B C D";
 }
 .one-three-topbottom .img1 {
-    grid-area: A
+    grid-area: A;
 }
diff --git a/web/index.html b/web/index.html
index cc117aa..c434d90 100644
--- a/web/index.html
+++ b/web/index.html
@@ -12,11 +12,12 @@
         <div class="container">
             <div class="controls">
 
-                <p><a href="choose.html">Select Images</a></p>
+              <h2>Photo Collage</h2>
+              <p><a href="choose.html">Select Images</a></p>
 
                 <label>
                     <span>Paper size</span>
-                    <select id="page_size_selector" size=6>
+                    <select id="page_size_selector">
                           <option          value="letter-portrait"     > Letter (Portrait)  </option>
                           <option selected value="letter-landscape"    > Letter (Landscape) </option>
                           <option          value="fiveseven-portrait"  > 5 × 7 (Portrait)   </option>