style: more compact layout

Author: MenxLi

lires_web/src/components/Home.vue

@@ -163,9 +163,9 @@ export default {
         height: 100vh;
     }
     #main-home{
-        margin-top: 45px;
-        height: calc(100vh - 45px);
-        width: 98vw;
+        margin-top: 50px;
+        height: calc(100vh - 50px);
+        width: calc(100vw - 20px);
         display: flex;
         flex-direction: column;
     }
@@ -208,7 +208,6 @@ export default {
     }
     div.horizontal{
         display: flex;
-        padding-top: 10px;
         gap: 10px;
     }
     div#bannerAddons{

lires_web/src/components/Reader.vue

@@ -155,7 +155,7 @@ div#main-reader{
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    width: 98vw;
+    width: calc(100vw - 10px);
     background-color: var(--color-background);
 }
 div#bannerOps{