taking out inline styling and putting them in application.css

web/assets/stylesheets/application.css

@@ -752,3 +752,28 @@ div.interval-slider input {
 .redis-url {
   text-overflow: ellipsis;
 }
+
+#product_version {
+  color:white;
+}
+
+#warningmessages {
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+
+.toggle {
+  display: none;
+}
+
+#box {
+  width: 50%;
+}
+
+.width {
+  width: 20px;
+}
+
+#deleteconfirm {
+  width: 20%;
+}

web/views/_footer.erb

@@ -3,7 +3,7 @@
     <div class="container text-center">
         <ul class="nav">
           <li>
-            <p class="navbar-text" style="color:white;"><%= product_version %></p>
+            <p class="navbar-text" id="product_version"><%= product_version %></p>
           </li>
           <li>
             <p class="navbar-text redis-url" title="<%= redis_connection_and_namespace %>"><%= redis_connection_and_namespace %></p>

web/views/busy.erb

@@ -3,7 +3,7 @@
     <h3><%= t('Processes') %></h3>
   </div>
   <div class="col-sm-4 pull-right">
-    <form method="POST" style="margin-top: 20px; margin-bottom: 10px;">
+    <form method="POST" id="warningmessages">
       <%= csrf_tag %>
       <div class="btn-group pull-right">
         <button class="btn btn-warn" type="submit" name="quiet" value="1" data-confirm="<%= t('AreYouSure') %>"><%= t('QuietAll') %></button>
@@ -24,7 +24,7 @@
     </thead>
     <% processes.each do |process| %>
       <tr>
-        <td width="50%">
+        <td id="box">
           <%= "#{process['hostname']}:#{process['pid']}" %>
           <span class="label label-success"><%= process.tag %></span>
           <% process.labels.each do |label| %>

web/views/morgue.erb

@@ -17,7 +17,7 @@
       <table class="table table-striped table-bordered table-white">
         <thead>
           <tr>
-            <th width="20px" class="table-checkbox">
+            <th class="table-checkbox" class="width">
               <label>
                 <input type="checkbox" class="check_all" />
               </label>

web/views/queue.erb

@@ -26,7 +26,7 @@
           <% if a.size > 100 %>
             <%= h(msg.display_args.inspect[0..100]) + "... " %>
             <button data-toggle="collapse" data-target="#worker_<%= index %>" class="btn btn-default btn-xs"><%= t('ShowAll') %></button>
-            <div class="toggle" id="worker_<%= index %>" style="display: none;"><%= h(msg.display_args) %></div>
+            <div class="toggle" id="worker_<%= index %>"><%= h(msg.display_args) %></div>
           <% else %>
             <%= h(msg.display_args) %>
           <% end %>

web/views/queues.erb

@@ -16,7 +16,7 @@
           <% end %>
         </td>
         <td><%= number_with_delimiter(queue.size) %> </td>
-        <td width="20%">
+        <td id="deleteconfirm">
           <form action="<%=root_path %>queues/<%= queue.name %>" method="post">
             <%= csrf_tag %>
             <input class="btn btn-danger btn-xs" type="submit" name="delete" value="<%= t('Delete') %>" data-confirm="<%= t('AreYouSureDeleteQueue', :queue => h(queue.name)) %>" />

web/views/retries.erb

@@ -17,7 +17,7 @@
       <table class="table table-striped table-bordered table-white">
         <thead>
           <tr>
-            <th width="20px" class="table-checkbox">
+            <th class="width" class="table-checkbox">
               <label>
                 <input type="checkbox" class="check_all" />
               </label>

web/views/scheduled.erb

@@ -18,7 +18,7 @@
       <table class="table table-striped table-bordered table-white">
         <thead>
           <tr>
-            <th width="20px">
+            <th class="width">
               <input type="checkbox" class="check_all" />
             </th>
             <th><%= t('When') %></th>