From 76cb0b2fd7af448c01e25c83e1d1da6fc3e80b96 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Thu, 12 Jan 2017 08:58:54 -0500
Subject: [PATCH] Clean up some styles in infoscreen admin

---
 infoscreen/static/html/infoscreen_admin.html | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/infoscreen/static/html/infoscreen_admin.html b/infoscreen/static/html/infoscreen_admin.html
index 5a28847..083df35 100644
--- a/infoscreen/static/html/infoscreen_admin.html
+++ b/infoscreen/static/html/infoscreen_admin.html
@@ -6,16 +6,19 @@
             <tr><th>Item</th><th>Set duration</th><th>Add to rotation</th><th>Delete</th></tr>
             <tr ng-repeat="i in infoitems">
                 <td>{{i.name}}</td>
-                <td><input type="text" ng-model="i.duration"></input></td>
+                <td><input type="text" class="form-control" ng-model="i.duration"></input></td>
                 <td><input type="button" class="btn btn-success" ng-click="createInstance(selected_rot.id, i.id, i.item_type, i.duration);" value="add"></input></td>
                 <td><input type="button" class="btn btn-danger" ng-click="deleteItem(i.item_type, i.id);" value="delete"></input></td>
             </tr>
         </table>
         <h2>Create new item</h2>
-        Item type
-        <select ng-model="createtype", ng-options="t.name for t in infotypes">
-            <option value=""></option>
-        </select>
+        <table class="table table-striped">
+            <tr><td>Item type</td>
+                <td><select class="form-control form-control-sm" ng-model="createtype", ng-options="t.name for t in infotypes">
+                    <option value=""></option>
+                </select></td>
+            </tr>
+        </table>
         <div ng-include="createtype.create_template_url"></div>
     </div>
     <div class="col-xs-12 col-md-6">
@@ -33,7 +36,7 @@
                 <td><input type="button" class="btn btn-danger" ng-click="deleteRotation(r.id)" value="delete"></input></td>
             </tr>
             <tr>
-                <td><input type="text" ng-model="r.name" placeholder="Name"></input></td>
+                <td><input type="text" class="form-control" ng-model="r.name" placeholder="Name"></input></td>
                 <td><input type="button" class="btn btn-success" ng-click="createRotation(r.name)" value="create new"></input></td>
                 <td></td>
             </tr>
@@ -45,7 +48,7 @@
             <tr><th>Instance</th><th>Duration</th><th>Delete</th></tr>
         <tr ng-repeat="i in selected_rot.instances">
             <td>{{i.item.name}}</td><td>{{i.duration}}s</td>
-            <td><input type="button" ng-click="deleteInstance(i.id);" value="delete" class="btn btn-danger"></input><td>
+            <td><input type="button" ng-click="deleteInstance(i.id);" value="delete" class="btn btn-danger"></input></td>
         </tr>
     </div>