Update UI and UX (#71)

- Update UI and UX (86e3d0a99ec41a58c440e4bd9e4de3d4332f290f)

custom.css

@@ -2,9 +2,8 @@
 #title h1{font-size: 3em; display:inline-flex; align-items:center}
 #title img{width: 100px; margin-right: 0.5em}
 #prompt input{width: calc(100% - 160px);border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
-#run_button{position:absolute;margin-top: 11px;right: 0;margin-right: 0.8em;border-bottom-left-radius: 0px;
-    border-top-left-radius: 0px;}
-#gallery{display:flex}
+#run_button{position:absolute;margin-top: 11px;right: 0;margin-right: 0.8em;border-bottom-left-radius: 0px;border-top-left-radius: 0px;}
+#gallery{display:flex;max-height: 784px;}
 #gallery .grid-wrap{min-height: 100%;}
 #accordion code{word-break: break-all;word-wrap: break-word;white-space: pre-wrap}
 #soon{opacity: 0.55; pointer-events: none}
@@ -19,11 +18,12 @@ div#share-btn-container > div {flex-direction: row;background: black;align-items
 #share-btn-container.hidden {display: none!important}
 #extra_info{margin-top: 1em}
 .pending .min {min-height: auto}
+#gallery_box{padding-top: 0}
 #gallery_box .form{border: 0 !important}
 #order_radio{border: 0;padding-left: 0}
-#order_radio .form{border:0 !important}
+#order_radio .form{border:0 !important; padding-bottom: 0.25em}
 #order_radio [data-testid="block-info"]{float: left;margin-top: 2px;margin-right: 6px}
-#order_radio label{padding: 0.25em 0.75em !important;font-size: 85% !important;}
+#order_radio label{padding: 0.25em 0.75em !important;font-size: 85% !important}
 @media (max-width: 527px) {
   #title h1{font-size: 2.2em}
   #title img{width: 80px;}