Display outline when toolbar button focused

src/static/css/pad/form.css

@@ -16,8 +16,8 @@ select, .nice-select {
   padding-right: 24px;
   position: relative;
   text-align: left !important;
-  -webkit-transition: all 0.2s ease-in-out;
-  transition: all 0.2s ease-in-out;
+  -webkit-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
@@ -26,6 +26,9 @@ select, .nice-select {
   min-width: 100px;
   text-transform: capitalize;
 }
+.nice-select:not(.open):not(:hover):focus {
+  border-color: #a5c8ec;
+}
 .popup .nice-select {
   padding: 4px 24px 4px 8px;
 }

src/static/css/pad/toolbar.css

@@ -45,7 +45,7 @@
   text-decoration: none;
   transition: background-color .1s;
 }
-.toolbar ul li button:active, .toolbar ul li button:focus {
+.toolbar ul li a.pressed button:active, .toolbar ul li a.pressed button:focus {
   outline: 0;
   border: none;
 }

src/static/skins/colibris/src/components/form.css

@@ -20,12 +20,15 @@ input[type="text"]::placeholder, textarea::placeholder {
 select, .nice-select {
   background-color: #f2f3f4;
   background-color: var(--bg-soft-color);
-  border: none;
+  border: 1px solid var(--bg-soft-color);
   padding: 4px 10px;
   padding-right: 25px;
   font-weight: bold;
   line-height: inherit;
 }
+select:hover, .nice-select:hover {
+  border-color: var(--bg-soft-color)
+}
 .nice-select .list {
   background-color: #f2f3f4;
   background-color: var(--bg-soft-color);