Fixing some styles

Author: loevgaard

src/Resources/public/css/styles.css

@@ -79,14 +79,16 @@ dialog.ssrn-dialog h4 {
     transition: all 0.2s ease-in-out;
 }
 
-.ssrn-select-trigger:hover {
-    border-color: #4a90e2;
-}
-
 .ssrn-select-trigger svg {
     transition: transform 0.2s ease-in-out;
 }
 
+.ssrn-select.opened .ssrn-select-trigger {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+    border-bottom: 0;
+}
+
 .ssrn-select.opened .ssrn-select-trigger svg {
     transform: rotate(180deg);
 }
@@ -98,11 +100,10 @@ dialog.ssrn-dialog h4 {
     left: 0;
     right: 0;
     min-width: 100%;
-    margin-top: 5px;
     border: 1px solid #ccc;
-    border-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 4px;
     box-sizing: border-box;
-    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     background: #fff;
     opacity: 0;
     visibility: hidden;
@@ -114,11 +115,23 @@ dialog.ssrn-dialog h4 {
     overflow-y: auto;
 }
 
+.ssrn-options > * ~ *::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: 20px;
+    left: 20px;
+    height: 1px;
+    width: calc(100% - 40px);
+    background-color: #cccccc;
+}
+
 .ssrn-select.opened .ssrn-options {
     opacity: 1;
     visibility: visible;
     pointer-events: all;
     transform: translateY(0);
+    border-top: 0;
 }
 
 .ssrn-option {
@@ -155,5 +168,7 @@ dialog.ssrn-dialog h4 {
 }
 
 .ssrn-option-remind-me {
+    font-weight: bold;
     display: none;
+    color: #22b99a;
 }