# HG changeset patch
# User Dennis Fink <dennis.fink@c3l.lu>
# Date 2015-10-21 10:33:25
# Node ID 10c306594b6494286445979a5a6ebed826241423
# Parent  e4cd78f7a2d4c6cb193c2693ca97da982aa8f1c5

Make received donation page better looking on small screen

I added margins to the btn class, so that buttons have some space around them.
Secondly the sub header and the form are now in their own col-md-12

diff --git a/ennstatus/static/css/ennstatus.css b/ennstatus/static/css/ennstatus.css
--- a/ennstatus/static/css/ennstatus.css
+++ b/ennstatus/static/css/ennstatus.css
@@ -166,3 +166,8 @@ a, a:hover, a:active, a:visited {
 .checkbox label, .radio label {
     padding-left: 12px;
 }
+
+.btn {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
diff --git a/ennstatus/templates/donate/received.html b/ennstatus/templates/donate/received.html
--- a/ennstatus/templates/donate/received.html
+++ b/ennstatus/templates/donate/received.html
@@ -6,6 +6,8 @@
 {% block content %}
   <div class="col-md-12">
     <h2>Received Donations</h2>
+  </div>
+  <div class="col-md-12">
     <div class="pull-left">
       {% if csv_file %}
         <h3>{{ '-'.join([year, month]) }}</h3>
@@ -18,15 +20,15 @@
         {{ form.hidden_tag() }}
         <div class="form-group">
           {{ form.year.label }}
-          {{ form.year(_class="form-control") }}
+          {{ form.year(class="form-control input-sm") }}
           {{ form.month.label }}
-          {{ form.month(_class="form-control") }}
+          {{ form.month(class="form-control input-sm") }}
+          <input type="submit" class="btn btn-primary btn-sm" value="Submit">
         </div>
-        <input type="submit" class="btn btn-primary btn-sm" value="Submit">
-      </form> 
+      </form>
     </div>
+    <div class="clearfix"></div>
   </div>
-  <div class="clearfix"></div>
   <div class="col-md-12">
     {% if csv_file %}
       {{ macros.create_donations_table(csv_file) }}