From 2f0c44ae4bd5ddd6eac83aa7a9eb43dcca8421d6 Mon Sep 17 00:00:00 2001
From: Nico Burns <nico@nicoburns.com>
Date: Wed, 9 Oct 2024 22:09:17 +0100
Subject: [PATCH] TodoMVC: Use flexbox for footer

---
 examples/assets/todomvc.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/examples/assets/todomvc.css b/examples/assets/todomvc.css
index 8910a118..e2b62b55 100644
--- a/examples/assets/todomvc.css
+++ b/examples/assets/todomvc.css
@@ -260,6 +260,9 @@ body {
     height: 20px;
     text-align: center;
     border-top: 1px solid #e6e6e6;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
 }
 
 .footer:before {
@@ -293,10 +296,11 @@ body {
 }
 
 .filters li {
-    display: inline;
+    display: inline-block;
 }
 
 .filters li a {
+    display: inline-block;
     color: inherit;
     margin: 3px;
     padding: 3px 7px;
@@ -320,6 +324,7 @@ html .clear-completed:active {
     line-height: 20px;
     text-decoration: none;
     cursor: pointer;
+    display: inline-block;
 }
 
 .clear-completed:hover {