Fix more mobile level

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4d74951906a28cd27dca47a22d28a8e9d9e370d0..bebc71d0f54170e970416f649c33995caa93f9c0 100644 (file)
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,7 @@
 * Remove icon spacing logic
 * Split icon container dimensions and icon size
 * Fix delete button by using pixels instead of (r)em
+* Fix level on mobile
 
 ## 0.3.2
 

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 43f34981ee0ec3afc3b863c5458d6278ff503890..6c426c19372fa7070ce9b9def4171ae44e552ca1 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -2046,7 +2046,6 @@ a.box:active {
 
 .icon {
   align-items: center;
-  background-color: coral;
   display: inline-flex;
   justify-content: center;
   height: 1.5rem;

diff --git a/docs/documentation/components/media-object.html b/docs/documentation/components/media-object.html
index 7651451e7b5c3b138328f63b8aa8c7c99f01edc2..2ff27693c21d3c51bf61bc1fb8203a0b1104eb7f 100644 (file)
--- a/docs/documentation/components/media-object.html
+++ b/docs/documentation/components/media-object.html
@@ -67,7 +67,7 @@ doc-subtab: media-object
         Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ornare magna eros, eu pellentesque tortor vestibulum ut. Maecenas non massa sem. Etiam finibus odio quis feugiat facilisis.
       </p>
     </div>
-    <nav class="level">
+    <nav class="level is-mobile">
       <div class="level-left">
         <a class="level-item">
           <span class="icon is-small"><i class="fa fa-reply"></i></span>

diff --git a/sass/elements/icon.sass b/sass/elements/icon.sass
index 122e4cfa4a667aa7141497cf0945635b8e4fd58b..1b3ca4dc7eb96977b052b68547832eedffc4aaaf 100644 (file)
--- a/sass/elements/icon.sass
+++ b/sass/elements/icon.sass
@@ -1,6 +1,5 @@
 .icon
   align-items: center
-  background-color: coral
   display: inline-flex
   justify-content: center
   height: 1.5rem