ui code review and edited

app/views/home/index.html.erb

@@ -29,7 +29,7 @@
 
       <% @employees.each do |employee| %>
 
-          <div data-formid="#form_<%= employee.emp_id %>" class="empBtn card card-inverse card-primary mb-3 text-center" style="">
+          <div data-formid="#form_<%= employee.emp_id %>" class="empBtn card card-primary white mb-3 text-center" style="">
             <form id="form_<%= employee.emp_id %>" action="<%= emp_login_path(employee.emp_id) %>" method="PATCH"></form>
             <div class="card-block">
               <h4 class="card-title">
@@ -48,8 +48,8 @@
   </div>
 
   <div class="col-md-4 col-lg-4">
-    <div class="card" style="max-height:550px; overflow:auto;padding: 15px">
-      <h4 class="card-title">Role Features</h4>
+    <div class="card">
+      <h4 class="card-title text-center">Role Features</h4>
       <!--  <p><strong>Note:</strong> The <strong>data-parent</strong> attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.</p> -->
       <div class="panel-group" id="accordion">
         <div class="panel panel-default">
@@ -141,52 +141,6 @@
   </div> <!-- end col-md-4 -->
 </div>
 
-<style type="text/css">
-  .panel-body {
-    padding: 5px !important;
-  }
-
-  /*.card-columns {
-    column-count: 4;
-    display: inline-block;
-  }*/
-  .panel-title .glyphicon {
-
-    float: right;
-  }
-
-  @media (min-width: 34em) {
-    .card-columns {
-      -webkit-column-count: 2;
-      -moz-column-count: 2;
-      column-count: 2;
-    }
-  }
-
-  @media (min-width: 48em) {
-    .card-columns {
-      -webkit-column-count: 3;
-      -moz-column-count: 3;
-      column-count: 3;
-    }
-  }
-
-  @media (min-width: 62em) {
-    .card-columns {
-      -webkit-column-count: 4;
-      -moz-column-count: 4;
-      column-count: 4;
-    }
-  }
-
-  @media (min-width: 75em) {
-    .card-columns {
-      -webkit-column-count: 5;
-      -moz-column-count: 5;
-      column-count: 5;
-    }
-  }
-</style>
 <script type="text/javascript">
     $(document).on('turbolinks:load', function () {
         $(".empBtn").click(function (event) {