fix: footer layout (#1925)

microsoft · Apr 22, 2024 · c8516c4 · c8516c4
1 parent dc64b55
commit c8516c4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -14,15 +14,15 @@
                     <li>
                         <span class="message">Hello from Seattle and Zürich.</span>
                     </li>
-                    <li>
+                    <li class="github-button-container">
                         <a class="github-button" href="https://github.com/Microsoft/language-server-protocol" data-icon="octicon-star" data-show-count="true" aria-label="Star Microsoft/language-server-protocol on GitHub">Star</a>
                     </li>
-                    <li>
+                    <li class="github-button-container">
                         <a class="github-button" href="https://github.com/Microsoft/language-server-protocol/subscription" aria-label="Watch Microsoft/language-server-protocol on GitHub">Watch</a>
                     </li>
                 </ul>
             </div>
-            <div class="col-sm-2">
+            <div class="col-sm-4">
                 <ul class="links">
                     <li style="display: none;" >
                         <a id="footer-cookie-link" style="cursor: pointer; padding-right:20px" onclick="manageConsent()"

diff --git a/css/main.scss b/css/main.scss
@@ -395,6 +395,10 @@ pre[class=highlight] {
 		padding: 0;
 	}
 
+	.github-button-container {
+		vertical-align: middle;
+	}
+
 	.message {
 		display: inline-block;
 		padding-right: 10px;
@@ -412,7 +416,7 @@ pre[class=highlight] {
 			padding-bottom: 10px;
 
 			@media (min-width: 576px) {
-				display: inline-block;
+				display: inline-flex;
 				padding: 0;
 			}
 		}