Fix #1696

CHANGELOG.md

@@ -1,5 +1,15 @@
 # Bulma Changelog
 
+## 0.7.3
+
+### Improvements
+
+* #1978 Fix #1696. Force `box-sizing: border-box` on `details` element
+
+### Deprecation
+
+* `.control.has-icon` deprecated in favor of `.control.has-icons`
+
 ## 0.7.2
 
 ### New features

sass/elements/form.sass

@@ -544,45 +544,12 @@ $help-size: $size-small !default
         margin-right: 0.75rem
 
 .control
+  box-sizing: border-box
   clear: both //fixes the icon floating out of the input when help text is floated right
   font-size: $size-normal
   position: relative
   text-align: left
-  box-sizing: border-box
   // Modifiers
-  // DEPRECATED
-  &.has-icon
-    .icon
-      color: $input-icon-color
-      height: $input-height
-      pointer-events: none
-      position: absolute
-      top: 0
-      width: $input-height
-      z-index: 4
-    .input
-      &:focus
-        & + .icon
-          color: $input-icon-active-color
-      &.is-small
-        & + .icon
-          font-size: $size-small
-      &.is-medium
-        & + .icon
-          font-size: $size-medium
-      &.is-large
-        & + .icon
-          font-size: $size-large
-    &:not(.has-icon-right)
-      .icon
-        left: 0
-      .input
-        padding-left: $input-height
-    &.has-icon-right
-      .icon
-        right: 0
-      .input
-        padding-right: $input-height
   &.has-icons-left,
   &.has-icons-right
     .input,