width utility, remove box shadow and field z-index styling issues

src/scss/buefy.scss

@@ -36,13 +36,21 @@ $button-background-color: lighten($scheme-main, 0.5%);
       color: $text-strong !important;
     }
   }
+
   // Focused button link box shadow
   &:not(:active) {
     &:focus, &.is-focused {
-      box-shadow: none;
+      box-shadow: none !important;
     }
   }
+
   &.darker {
     background-color: darken($scheme-main, 3%);
   }
 }
+
+.field.has-addons {
+  .button {
+    z-index: auto !important;
+  }
+}

src/scss/main.scss

@@ -19,5 +19,11 @@ html {
     padding: 0.6em 1.35em !important;
 }
 
+// Width utility classes
+.w-100 { width: 100%; }
+.w-75 { width: 75%; }
+.w-50 { width: 50%; }
+.w-25 { width: 25%; }
+
 @import "./latex.scss";
 @import "./shake.scss";