change inline style into classes

web/assets/stylesheets/application.css

@@ -753,11 +753,11 @@ div.interval-slider input {
   text-overflow: ellipsis;
 }
 
-#product_version {
+.product-version {
   color:white;
 }
 
-#warningmessages {
+.warning-messages {
   margin-top: 20px;
   margin-bottom: 10px;
 }
@@ -766,14 +766,14 @@ div.interval-slider input {
   display: none;
 }
 
-#box {
+.box {
   width: 50%;
 }
 
-.width {
+.checkbox-column {
   width: 20px;
 }
 
-#deleteconfirm {
+.delete-confirm {
   width: 20%;
 }

web/views/_footer.erb

@@ -3,7 +3,7 @@
     <div class="container text-center">
         <ul class="nav">
           <li>
-            <p class="navbar-text" id="product_version"><%= product_version %></p>
+            <p class="navbar-text 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" id="warningmessages">
+    <form method="POST" class="warning-messages">
       <%= 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 id="box">
+        <td class="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 class="table-checkbox" class="width">
+            <th class="table-checkbox checkbox-column">
               <label>
                 <input type="checkbox" class="check_all" />
               </label>

web/views/queues.erb

@@ -16,7 +16,7 @@
           <% end %>
         </td>
         <td><%= number_with_delimiter(queue.size) %> </td>
-        <td id="deleteconfirm">
+        <td class="delete-confirm">
           <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 class="width" class="table-checkbox">
+            <th class="table-checkbox checkbox-column">
               <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 class="width">
+            <th class="checkbox-column">
               <input type="checkbox" class="check_all" />
             </th>
             <th><%= t('When') %></th>