css tweaks

cms/static/cms/cms.scss

@@ -12,7 +12,7 @@ div.wrapper {
   box-sizing: border-box;
   max-width: 700px;
   margin: auto;
-  padding: 0 1rem;
+  padding: 1rem;
 }
 
 div.spacer {
@@ -241,7 +241,7 @@ article {
 
 /* Form elements */
 
-form {
+form.cms {
   div.global_error {
     border: 2px dotted red;
     padding: 10px;

cms/static/cms/cms.scss.css

@@ -7,7 +7,7 @@ div.wrapper {
   box-sizing: border-box;
   max-width: 700px;
   margin: auto;
-  padding: 0 1rem; }
+  padding: 1rem; }
 
 div.spacer {
   height: 1rem;
@@ -167,7 +167,7 @@ article section {
       display: inline-block; }
 
 /* Form elements */
-form div.global_error {
+form.cms div.global_error {
   border: 2px dotted red;
   padding: 10px;
   margin: 1em -10px;
@@ -175,51 +175,51 @@ form div.global_error {
   color: red;
   font-weight: bold; }
 
-form fieldset {
+form.cms fieldset {
   padding: 2em;
   margin-bottom: 2em;
   border: 0.5px solid black;
   border-radius: 3px; }
-  form fieldset legend {
+  form.cms fieldset legend {
     font-size: 1.15em; }
 
-form div.formfield {
+form.cms div.formfield {
   margin: 5px 0;
   padding: 10px 0;
   font-size: 0; }
 
-form div.formfield > * {
+form.cms div.formfield > * {
   font-size: 1rem; }
 
-form div.formfield.error {
+form.cms div.formfield.error {
   border: 2px dotted red;
   padding: 10px;
   margin: 0 -10px;
   background: #f001; }
 
-form div.formfield.required div.label {
+form.cms div.formfield.required div.label {
   font-weight: 700; }
 
-form div.formfield.required input, form div.formfield.required select, form div.formfield.required textarea {
+form.cms div.formfield.required input, form.cms div.formfield.required select, form.cms div.formfield.required textarea {
   border: 1px solid black; }
 
-form div.label {
+form.cms div.label {
   font-size: 0.8rem;
   font-weight: 400; }
 
-form div.input {
+form.cms div.input {
   overflow: hidden;
   margin: 5px 0; }
 
-form div.helptext, form span.required {
+form.cms div.helptext, form.cms span.required {
   color: #666;
   font-size: 12px !important;
   font-weight: 400 !important; }
 
-form span.required {
+form.cms span.required {
   font-style: italic; }
 
-form input, form select, form textarea {
+form.cms input, form.cms select, form.cms textarea {
   background: white;
   color: black;
   border: 1px solid #aaa;
@@ -230,38 +230,38 @@ form input, form select, form textarea {
   margin: 0;
   padding: 5px; }
 
-form div.django-ckeditor-widget {
+form.cms div.django-ckeditor-widget {
   display: block !important; }
 
-form div.cke_chrome {
+form.cms div.cke_chrome {
   box-sizing: border-box !important;
   border: 1px solid #aaa !important; }
 
-form input[type=checkbox] {
+form.cms input[type=checkbox] {
   width: auto; }
 
-form select {
+form.cms select {
   background: white; }
 
-form div.filefield {
+form.cms div.filefield {
   border: 1px solid #aaa;
   background: white;
   padding: 4px; }
-  form div.filefield input {
+  form.cms div.filefield input {
     border: none; }
 
-form ul.errorlist {
+form.cms ul.errorlist {
   margin: 0;
   margin-bottom: 1em;
   padding: 0;
   list-style: none;
   color: red;
   font-size: 12px !important; }
-  form ul.errorlist li {
+  form.cms ul.errorlist li {
     margin: 0;
     padding: 0; }
 
-form .errors {
+form.cms .errors {
   color: red;
   font-weight: bold; }
 

cms/templates/cms/base.html

@@ -51,6 +51,7 @@
 
         <footer>
           {% block footer %}
+            {{footer|safe}}
           {% endblock %}
         </footer>
 

cms/templates/cms/edit.html

@@ -2,7 +2,7 @@
 {% load i18n %}
 
 {% block content %}
-  <form method="POST" enctype="multipart/form-data">
+  <form method="POST" enctype="multipart/form-data" class="cms">
     {% csrf_token %}
     {{form.media}}