consolidate .dropdown css

h/sass/app.scss

@@ -173,28 +173,6 @@ svg { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
   display: initial;
 }
 
-.dropdown {
-  position: relative;
-}
-
-.dropdown-menu {
-  @include rotateX(90deg);
-  background: white;
-  position: absolute;
-  min-width: 0;
-  opacity: 0;
-  padding: .5em;
-  pointer-events: none;
-}
-
-.open {
-  & > .dropdown-menu {
-    @include rotateX(0);
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
 .sheet {
   background: url('../images/noise_1.png');
   background-attachment: fixed;

h/sass/common.scss

@@ -296,14 +296,24 @@ label {
 }
 
 //DROPDOWNS
+.dropdown {
+  position: relative;
+}
+
 .dropdown-menu {
+  @include border-radius(0 0 .5em .5em);
+  @include rotateX(90deg);
   @include smallshadow;
+  background: $white;
   border: solid 1px $grayLighter;
   border-top: 0;
   left: 0;
   float: left;
   list-style: none;
+  min-width: 0;
+  opacity: 0;
   padding: .5em;
+  pointer-events: none;
   position: absolute;
   top: 100%;
 
@@ -314,6 +324,14 @@ label {
   }
 }
 
+.open {
+  & > .dropdown-menu {
+    @include rotateX(0);
+    opacity: 1;
+    pointer-events: auto;
+  }
+}
+
 //TABS
 //This applies to tab bars