Polish footer

Affects microsoft#208
xhafei · Nov 1, 2021 · c156d43 · c156d43
1 parent f0117cb
commit c156d43
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -9,7 +9,7 @@
 
     <div class="container">
         <div class="row">
-            <div class="col-sm-7">
+            <div class="col-sm-10">
                 <ul class="links">
                     <li>
                         <span class="message">Hello from Seattle and Zürich.</span>
@@ -22,7 +22,7 @@
                     </li>
                 </ul>
             </div>
-            <div class="col-sm-5">
+            <div class="col-sm-2">
                 <ul class="links">
                     <li style="display: none;" >
                         <a id="footer-cookie-link" style="cursor: pointer; padding-right:20px" onclick="manageConsent()"
@@ -32,8 +32,8 @@
                         <div class="copyright">
                             <a id="footer-microsoft-link" class="logo" href="https://www.microsoft.com">
                                 <picture>
-                                    <source srcset="{{site.baseurl}}/img/microsoft-logo-inverted.png" media="(prefers-color-scheme: dark)"></source>
-                                    <img src="{{site.baseurl}}/img/microsoft-logo.png" height="20" alt="Microsoft">
+                                    <source srcset="{{site.baseurl}}/img/microsoft-logo.png" media="(prefers-color-scheme: dark)"></source>
+                                    <img src="{{site.baseurl}}/img/microsoft-logo-inverted.png" height="20" alt="Microsoft">
                                 </picture>
                             </a>
                             <span>© 2021 Microsoft</span>

diff --git a/css/main.scss b/css/main.scss
@@ -368,10 +368,10 @@ pre[class=highlight] {
 
 	img {
 		width: 100px;
+	}
 
-		@media (min-width: 576px) {
-			float: right;
-		}
+	a#footer-microsoft-link {
+		display: block;
 	}
 
 	ul {

diff --git a/img/microsoft.svg b/img/microsoft.svg