UI layout adjustments

diff --git a/style.css b/style.css
index 659b04a76b43fa6b95a7ef2a1ec474c52472b07d..2f484f1a797bac96fbfa1c099f514c14bf3c8fac 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,3 +1,9 @@
+img {
+  float: left;
+  margin-top: 1px;
+  padding-right: 3px;
+}
+
 #search-form > input#search-box:-webkit-autofill {
   -webkit-box-shadow: 0 0 0 1000px #222 inset !important;
   -webkit-text-fill-color: #b5b5a4 !important;
@@ -48,11 +54,16 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  max-width: 120px;
+  width: 63px;
+}
+
+.url {
+  width: 100px;
 }
 
 .inp {
   width: 200px;
+  padding: 10px 0;
 }
 
 .inp > input {
@@ -60,31 +71,33 @@
 }
 
 .users-list > ul > li > span {
-  font-weight: normal;
-  color: black;
   width: 10px;
-  height: 32px;
+  height: 25px;
   padding: 4px 5px 0 10px;
   background: #434C5E;
   float: right;
   display: none;
   cursor: pointer;
+  padding-top: 10px;
 }
 
 .users-list > ul > li > span:hover {
   background: #BF616A;
 }
 
-.users-list > ul > .inp > span {
-  margin-top: 4px;
-  font-weight: normal;
-  color: black;
+.users-list > ul > .inp > a {
   width: 10px;
-  padding: 2px 5px 3px 6px;
-  background: white;
+  height: 18px;
+  display: inline-block;
+  background: #434C5E;
+  padding: 3px 6px 3px 3px;
   cursor: pointer;
 }
 
+.users-list > ul > .inp > a:hover, .users-list > ul > .inp > a:focus {
+  background: #A3BE8C;
+}
+
 .users-list > ul > li:hover > span {
   display: inline-block;
 }
@@ -112,7 +125,11 @@
 }
 
 .users-list > ul > .title > span {
-  background: #A3BE8C;
+  background-color: #434C5E;
+}
+
+.users-list > ul > .title > span:hover {
+  background-color: #A3BE8C !important;
 }
 
 .users-list > ul > li > a, .users-list > ul > .title > p {