improve the visual of the cowebsite

front/dist/index.tmpl.html

@@ -66,6 +66,11 @@
                 </div>
             </div>
             <div id="cowebsite" class="cowebsite hidden">
+                <aside id="cowebsite-aside">
+                    <img src="/static/images/menu.svg" alt="hold to resize"/>
+                </aside>
+                <main id="cowebsite-main">
+                </main>
                 <button class="close-btn" id="cowebsite-close">
                     <img src="resources/logos/close.svg"/>
                 </button>

front/dist/resources/style/style.css

@@ -330,10 +330,7 @@ body {
         top: 0;
         width: 50%;
         height: 100vh;
-        cursor: ew-resize;
-    }
-    #cowebsite iframe {
-        margin-left: 30px;
+        display: flex;
     }
     #cowebsite.loading {
         transform: translateX(90%);
@@ -342,6 +339,25 @@ body {
         transform: translateX(100%);
     }
 
+    #cowebsite main {
+        width: 100%;
+    }
+    
+    #cowebsite aside {
+        width: 30px;
+        background: gray;
+        align-items: center;
+        display: flex;
+        cursor: ew-resize;
+    }
+
+    #cowebsite aside img {
+        cursor: ew-resize;
+        margin: 3px;
+        transform: rotate(90deg);
+        pointer-events: none;
+    }
+
     #cowebsite .close-btn{
         position: absolute;
         top: 10px;
@@ -415,7 +431,7 @@ body {
     background-color: gray;
 }
 
-#cowebsite > iframe {
+#cowebsite main iframe {
     width: 100%;
     height: 100%;
 }