2 files changed, 31 insertions, 13 deletions
diff --git a/src/main/assets/style.css b/src/main/assets/style.css
index 95ecab60..95e4e3e7 100644
--- a/src/main/assets/style.css
+++ b/src/main/assets/style.css
@@ -294,15 +294,17 @@ pre::-moz-selection {
     margin: 10px 0;
 }
 
+#column {
+    background: var(--main-background-color);
+}
+
 #column .margtop {
     margin-top: 15px;
 }
 
 #column .tags {
-    background: var(--main-background-color);
-    border: 1px solid var(--border-color);
     line-height: 140%;
-    padding: 6px;
+    padding: 12px;
     text-align: justify;
 }
 
@@ -1004,11 +1006,11 @@ article p {
 
 @media (--viewport-desktop) {
     #column {
+        position: sticky;
         padding: 12px;
-        left: 0;
-        top: 66px;
-        width: 240px;
+        margin-top: 66px;
         height: 100%;
+        z-index: auto;
         overflow-y: auto;
     }
     article,
@@ -1016,6 +1018,18 @@ article p {
     .msg-cont {
         width: 640px;
     }
+    #sidebar_wrapper {
+        position: fixed;
+        width: 300px;
+    }
+    #header_wrapper,
+    #content_wrapper {
+        width: 1000px;
+        margin: 0 auto;
+    }
+    #content_wrapper {
+        display: flex;
+    }
     #footer {
         padding: 10px;
     }
@@ -1026,8 +1040,8 @@ article p {
         display: none;
     }
     #content {
-        margin-left: 240px;
         padding-bottom: 12px;
+        width: 100%;
     }
     .toolbar {
         flex-direction: column;
diff --git a/src/main/resources/templates/layouts/default.html b/src/main/resources/templates/layouts/default.html
index a836f4c4..d3ce7dce 100644
--- a/src/main/resources/templates/layouts/default.html
+++ b/src/main/resources/templates/layouts/default.html
@@ -36,14 +36,18 @@
 <body id="body" {% if visitor.uid > 0 %}data-hash="{{visitor.authHash}}" {% endif %}>
     <div id="app">
         {% include "views/partial/navigation" %}
-        <aside id="column">
-            {% block column %}
-            {% endblock %}
-        </aside>
-        <section id="content" {% if msg | default('') is not empty %}data-mid="{{ msg.mid }}" {% endif %} class="content--top">
+        <div id="content_wrapper">
+            <aside id="column">
+                <div id="sidebar_wrapper">
+                {% block column %}
+                {% endblock %}
+                </div>
+            </aside>
+            <section id="content" {% if msg | default('') is not empty %}data-mid="{{ msg.mid }}" {% endif %} class="content--top">
                 {% block content %}
                 {% endblock %}
-        </section>            
+            </section>
+        </div>
     </div>
 </body>