lib/servel/templates/css/listing.css in servel-0.19.0 vs lib/servel/templates/css/listing.css in servel-0.20.0

@@ -1,53 +1,78 @@
 #listing {
+  display: none;
   padding: 10px;
   position: relative;
   z-index: 1;
   background-color: #fff;
 }
 
 #listing h1 {
   margin-top: 0;
 }
 
+#search-wrapper {
+  text-align: right;
+  margin-bottom: 20px;
+}
+
+#search {
+  width: 300px;
+  max-width: 100%;
+  padding: 5px;
+  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  line-height: 1.4;
+  border: 1px solid #ddd;
+}
+
 .table-wrapper {
   overflow: auto;
 }
 
 table {
   width: 100%;
   min-width: 800px;
   border-collapse: collapse;
   border: 1px solid #ddd;
   table-layout: fixed;
+  will-change: transform;
 }
 
+#listing-container table, #listing-container tr:first-child td {
+  border-top: none;
+}
+
 th {
   font-weight: normal;
 }
 
 th, td {
   padding: 5px;
   border: 1px solid #ddd;
 }
 
+tbody {
+  vertical-align: top;
+}
+
 tbody > tr:nth-of-type(odd) {
   background-color: #f9f9f9;
 }
 
-th.new-tab {
+th.new-tab, td.new-tab {
   width: 6em;
 }
 
-th.type {
-  width: 4em;
+th.type, td.type {
+  width: 5em;
 }
 
-th.size {
+th.size, td.size {
   width: 6em;
 }
 
-th.modified {
+th.modified, td.modified {
   width: 12em;
 }
 
 th.sortable.sort-active {
   font-weight: bold;