Refactor sidebar

jet/static/jet/css/_content.scss

@@ -4,6 +4,10 @@
   background-color: $background-color;
 }
 
+.dashboard #content {
+  width: 700px;
+}
+
 .small {
   font-size: 12px;
 }
@@ -72,10 +76,10 @@ ul.object-tools {
   }
 }
 
-.context-sidebar {
+.content-sidebar {
   float: right;
-  margin-left: 20px;
-  max-width: 33%;
+  width: 18em;
+  margin: 0 20px;
 }
 
 .dashboard .module table td a {

jet/static/jet/css/themes/default/base.css

@@ -4595,6 +4595,9 @@ table#change-history {
 .content {
   background-color: #ecf2f6; }
 
+.dashboard #content {
+  width: 700px; }
+
 .small, .module .form-row .help, .module .form-row .errorlist, .changeform .tabular.inline-related .module .errorlist, .login-form .form-row .errorlist {
   font-size: 12px; }
 
@@ -4647,10 +4650,10 @@ ul.object-tools {
       margin-top: 0;
       line-height: normal; }
 
-.context-sidebar {
+.content-sidebar {
   float: right;
-  margin-left: 20px;
-  max-width: 33%; }
+  width: 18em;
+  margin: 0 20px; }
 
 .dashboard .module table td a {
   display: inline !important; }

jet/static/jet/css/themes/green/base.css

@@ -4626,6 +4626,9 @@ table#change-history {
 .content {
   background-color: #eff6f5; }
 
+.dashboard #content {
+  width: 700px; }
+
 .small, .module .form-row .help, .module .form-row .errorlist, .changeform .tabular.inline-related .module .errorlist, .login-form .form-row .errorlist {
   font-size: 12px; }
 
@@ -4678,10 +4681,10 @@ ul.object-tools {
       margin-top: 0;
       line-height: normal; }
 
-.context-sidebar {
+.content-sidebar {
   float: right;
-  margin-left: 20px;
-  max-width: 33%; }
+  width: 18em;
+  margin: 0 20px; }
 
 .dashboard .module table td a {
   display: inline !important; }

jet/templates/admin/base.html

@@ -110,14 +110,16 @@
                     {% endif %}
                 {% endblock messages %}
 
+            <div class="content-sidebar">
+                        {% block sidebar %}{% endblock %}
+                    </div>
+
                 <div id="content" class="cf {% block coltype %}colM{% endblock %}">
                     {% block pretitle %}{% endblock %}
                     {% if is_popup %}
                         {% block content_title %}{% if title %}<h1>{{ title }}</h1>{% endif %}{% endblock %}
                     {% endif %}
-                    <div class="context-sidebar">
-                        {% block sidebar %}{% endblock %}
-                    </div>
+
                     {% block content %}
                     {% block object-tools %}{% endblock %}
                     {{ content }}