Improve fontend

1. Move button above templates
2. Add 3 more templates
3. change px to rem

web/index.css

@@ -10,6 +10,7 @@
     justify-content: space-around;
     flex-direction: column;
     flex: 25%;
+    overflow: scroll;
 }
 .imagebox {
     padding: 2rem;
@@ -44,8 +45,8 @@
 }
 
 .template {
-    width: 100px;
-    height: 100px;
+    width: 6rem;
+    height: 6rem;
 }
 
 .template-selected {
@@ -114,3 +115,13 @@
     grid-template-areas:
     "A B C D"
 }
+
+.one-three-topbottom {
+    display: grid;
+    grid-template-areas:
+    "A  A  A"
+    "B  C  D"
+}
+.one-three-topbottom .img1 {
+    grid-area: A
+}