[Theme] Fixed popup button group styling

eggplanetio · May 14, 2017 · 6f377e6 · 6f377e6
1 parent a67b5e1
commit 6f377e6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/app/component/popup.vue b/app/component/popup.vue
@@ -78,14 +78,14 @@ export default {
 
 section {
   text-align: center;
-  width: 271px;
+  width: 280px;
 }
 
 button {
   background: $color-primary-dark;
   margin-bottom: $size-unit/2;
   color: white;
-  width: 271px;
+  width: 280px;
 }
 
 a, a:visited, a:hover, a:active {

diff --git a/app/styles/popup.scss b/app/styles/popup.scss
@@ -5,3 +5,16 @@
 body {
   padding: $size-unit $size-unit/2 $size-unit/3;
 }
+
+section,
+section:hover {
+  .button-group,
+  .button-group {
+    opacity: 1;
+
+    a, a:hover, a:active, a:visited {
+      opacity: 1;
+      border: 1px solid $color-primary-dark;
+    }
+  }
+}