Fix media object

sass/base/generic.sass

@@ -71,7 +71,7 @@ input[type="radio"]
   vertical-align: baseline
 
 small
-  font-size: $size-small
+  font-size: 0.8em
 
 span
   font-style: inherit

sass/components/level.sass

@@ -1,6 +1,9 @@
 .level-item
   align-items: center
   display: flex
+  flex-basis: auto
+  flex-grow: 0
+  flex-shrink: 0
   justify-content: center
   .title,
   .subtitle
@@ -12,6 +15,9 @@
 
 .level-left,
 .level-right
+  flex-basis: auto
+  flex-grow: 0
+  flex-shrink: 0
   .level-item
     &:not(:last-child)
       margin-right: 0.75rem

sass/components/media.sass

@@ -1,15 +1,17 @@
 .media-left,
 .media-right
+  flex-basis: auto
   flex-grow: 0
   flex-shrink: 0
 
 .media-left
-  margin-right: 0.75rem
+  margin-right: 1rem
 
 .media-right
-  margin-left: 0.75rem
+  margin-left: 1rem
 
 .media-content
+  flex-basis: auto
   flex-grow: 1
   flex-shrink: 1
   text-align: left
@@ -19,7 +21,7 @@
   display: flex
   text-align: left
   .content:not(:last-child)
-    margin-bottom: 1rem
+    margin-bottom: 0.75rem
   .media
     border-top: 1px solid rgba($border, 0.5)
     display: flex

sass/elements/icon.sass

@@ -1,6 +1,5 @@
 .icon
   +fa(21px, 1.5rem)
-  background: coral
   .fa
     font-size: inherit
     line-height: inherit