Updates for bootstrap 4.1

scss/main.scss

@@ -7,8 +7,13 @@
   text-overflow: ellipsis;
 }
 
-select {
+select.form-control {
   padding: 0.1rem;
+  display: inline-block;
+  width: auto;
+  height: 1.7rem !important;
+  position: relative;
+  top: 1px;
 }
 
 .tracker-list h4 {

todosrht/templates/ticket.html

@@ -26,7 +26,9 @@
           owner="~" + tracker.owner.username,
           name=tracker.name,
           ticket_id=ticket.scoped_id) }}"
-        class="btn btn-default pull-right">Edit</a>
+        class="btn btn-default pull-right">
+        Edit <i class="fa fa-caret-right"></i>
+      </a>
       {% endif %}
       {% if ticket.description %}
       <h3>Description</h3>
@@ -92,17 +94,23 @@
         </div>
         <button
           type="submit"
-          class="btn btn-default"
-        >Comment</button>
+          class="btn btn-primary"
+        >
+          Comment
+          <i class="fa fa-caret-right"></i>
+        </button>
         {% if TicketAccess.edit in access %}
         {% if ticket.status != TicketStatus.resolved %}
         <button
           type="submit"
-          class="btn btn-default"
+          class="btn btn-success"
           name="resolve"
           value="resolve"
-        >Resolve</button>
-        <select name="resolution">
+        >
+          Resolve
+          <i class="fa fa-check"></i>
+        </button>
+        <select class="form-control" name="resolution">
           {% for r in TicketResolution %}
           {% if r.name != "unresolved" %}
           <option value="{{ r.value }}">{{ r.name }}</option>
@@ -112,10 +120,13 @@
         {% else %}
         <button
           type="submit"
-          class="btn btn-default"
+          class="btn btn-info"
           name="reopen"
           value="reopen"
-        >Re-open</button>
+        >
+          Re-open
+          <i class="fa fa-caret-right"></i>
+        </button>
         {% endif %}
         {% endif %}
       </form>

todosrht/templates/tracker.html

@@ -51,9 +51,12 @@
         </div>
         <button
           type="submit"
-          class="btn btn-default"
-        >Submit</button>
-        <label class="form-check-label" style="margin-left: 0.5rem">
+          class="btn btn-primary"
+        >
+          Submit
+          <i class="fa fa-caret-right"></i>
+        </button>
+        <label class="form-check-label" style="margin-left: 2rem">
           <input
             class="form-check-input"
             type="checkbox"