Button context menu style improvements (#96)

Author: filiptronicek

src/button/button.css

@@ -25,7 +25,7 @@
 
     --dropdown-bg-color: #fff;
     --dropdown-hover-bg-color: #f6f8fa;
-    --dropdown-border-with: var(--border-width);
+    --dropdown-border-width: var(--border-width);
     --dropdown-border-radius: var(--border-radius);
     --dropdown-border-color: rgba(31, 35, 40, 0.15);
     --dropdown-box-shadow: 5px 5px 10px 0px rgba(140, 149, 159, 0.2);
@@ -136,7 +136,7 @@
     flex-direction: column;
     padding: 6px 0;
     background-color: var(--dropdown-bg-color);
-    border-width: var(--dropdown-border-with);
+    border-width: var(--dropdown-border-width);
     border-radius: var(--dropdown-border-radius);
     border-style: solid;
     border-color: var(--dropdown-border-color);
@@ -163,10 +163,12 @@
     border: none !important;
     color: var(--dropdown-color) !important;
     background-color: var(--dropdown-bg-color) !important;
+    min-width: 160px;
 }
 
 .drop-down-action {
     cursor: pointer;
+    font-weight: 400;
 }
 
 .drop-down-action:hover {
@@ -195,10 +197,15 @@
     --dropdown-bg-color: var(--overlay-bgColor, var(--color-canvas-overlay));
     --dropdown-hover-bg-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
     --dropdown-border-radius: 6px;
+    --dropdown-border-width: 1px;
     --dropdown-border-color: var(--borderColor-default, var(--color-border-default));
     --dropdown-box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
 }
 
+.github .chevron-icon {
+    padding: 3px;
+}
+
 .github.medium {
     --line-height: 1.5;
     --primary-height: var(--control-medium-size, 2rem);
@@ -227,7 +234,7 @@
     --dropdown-color: #333238;
     --dropdown-bg-color: #fff;
     --dropdown-hover-bg-color: #ececef;
-    --dropdown-border-with: 1px;
+    --dropdown-border-width: 1px;
     --dropdown-border-radius: 0.25rem;
     --dropdown-border-color: #dcdcde;
     --dropdown-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -261,7 +268,7 @@
     --dropdown-color: #172B4D;
     --dropdown-bg-color: var(--aui-body-background);
     --dropdown-hover-bg-color: #EBECF0;
-    --dropdown-border-with: var(--aui-inline-dialog-border-width);
+    --dropdown-border-width: var(--aui-inline-dialog-border-width);
     --dropdown-border-radius: 3px;
     --dropdown-border-color: var(--aui-inline-dialog-border-color);
     --dropdown-box-shadow:  0 4px 8px -2px var(--aui-shadow2),0 0 1px var(--aui-shadow2);
@@ -289,7 +296,7 @@
     --dropdown-color: #172B4D;
     --dropdown-bg-color: var(--ds-surface-overlay, #FFFFFF);
     --dropdown-hover-bg-color: #EBECF0;
-    --dropdown-border-with: 0;
+    --dropdown-border-width: 0;
     --dropdown-border-radius: var(--ds-border-radius, 3px);
     --dropdown-border-color: 0;
     --dropdown-box-shadow:  var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31));