Translations and some styles

infoscreen/static/css/infoscreen_admin.css

@@ -11,6 +11,10 @@ tbody {
   border: 1px solid #ddd;
 }
 
+div {
+  margin-bottom: 0.5rem;
+}
+
 @media (min-width: 760px) {
   body {
     font-size: 1rem;

infoscreen/templates/infoscreen_admin.html

@@ -41,11 +41,12 @@
                         <li class="nav-item"><a data-toggle="tab" href="#deleterot" role="tab">{% trans "Create/Delete" %}</a></li>
                     </ul>
             </ul>
-            <div class="tab-content">
+            <div class="tab-content row">
                 <div id="slides" class="tab-pane active">
-                    <div class="row" ng-controller="infoadmin_ctrl">
+                    <div ng-controller="infoadmin_ctrl">
                         <div class="col-xs-12 col-md-6">
                             <h2>{% trans "Create new item" %}</h2>
+                            <div>{% trans "Create a new item by type" %}</div>
                             <table class="table table-striped">
                                 <tr>
                                     <td>{% trans "Item type" %}</td>
@@ -101,7 +102,6 @@
                     </div>
 
                     <div class="col-xs-12 col-md-6">
-                        <div class="row">
                         <h2>{% trans "Rotation" %}: {$ selected_rot.name $}<a href="/infoscreen/{$ selected_rot.id $}"><input type="button" class="btn btn-primary pull-right" value="{% trans "Preview" %}"></a></h2>
                         <div>{% trans "Instances in currently selected rotation" %}:</div>
                         <table class="table table-striped">
@@ -117,7 +117,6 @@
                         </table>
                     </div>
                 </div>
-            </div>
                 <div id="deleterot" class="tab-pane">
                     <div class="col-xs-12 c
                                 <td></td>ol-md-6" ng-controller="infoadmin_ctrl">