Fix media object

sass/components/media.sass

@@ -1,27 +1,13 @@
-.media-number,
 .media-left,
 .media-right
   flex-grow: 0
   flex-shrink: 0
 
-.media-number
-  background-color: $background
-  border-radius: 290486px
-  display: inline-block
-  font-size: $size-medium
-  height: 32px
-  line-height: 24px
-  margin-right: 1rem
-  min-width: 32px
-  padding: 4px 8px
-  text-align: center
-  vertical-align: top
-
 .media-left
-  margin-right: 1rem
+  margin-right: 0.75rem
 
 .media-right
-  margin-left: 1rem
+  margin-left: 0.75rem
 
 .media-content
   flex-grow: 1
@@ -37,7 +23,7 @@
   .media
     border-top: 1px solid rgba($border, 0.5)
     display: flex
-    padding-top: 10px
+    padding-top: 0.75rem
     .content:not(:last-child),
     .control:not(:last-child)
       margin-bottom: 0.5rem
@@ -52,10 +38,5 @@
   // Sizes
   &.is-large
     & + .media
-      margin-top: 1.4rem
-      padding-top: 1.4rem
-  // Responsiveness
-  +tablet
-    &.is-large
-      .media-number
-        margin-right: 1.4rem
+      margin-top: 1.5rem
+      padding-top: 1.5rem