Style updates (#27)

CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented here.
 
+<a name="4.0.2"></a>
+## [4.0.2](https://github.com/rawilk/vue-context/releases/tag/4.0.2)
+
+Released 2019-06-22
+
+### Bug Fixes 4.0.2
+- Fix menu item width issues ([#26](https://github.com/rawilk/vue-context/issues/26)).
+- Remove outline from menu and menu items when given focus ([#26](https://github.com/rawilk/vue-context/issues/26)).
+
 <a name="4.0.1"></a>
 ## [4.0.1](https://github.com/rawilk/vue-context/releases/tag/4.0.1)
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-context",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-context",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "description": "A simple vue context menu component.",
   "main": "dist/js/vue-context.js",
   "scripts": {

src/sass/vue-context.scss

@@ -13,14 +13,14 @@
     z-index: 1500;
     position: fixed;
     list-style: none;
+    box-sizing: border-box;
 
     > li {
         margin: 0;
 
         > a {
             display: block;
-            width: 100%;
+            padding: .5rem 1.5rem;
-            padding: .50rem 1.5rem;
             font-weight: 400;
             color: $item-color;
             text-decoration: none;
@@ -34,6 +34,14 @@
                 color: $item-hover-color;
                 background-color: $item-hover-bg;
             }
+
+            &:focus {
+                outline: 0;
+            }
         }
     }
+
+    &:focus {
+        outline: 0;
+    }
 }