TodoMVC: Use flexbox for footer

DioxusLabs · Oct 9, 2024 · 2f0c44a · 2f0c44a
1 parent dd14f93
commit 2f0c44a
Showing 1 changed file with 6 additions and 1 deletion.
diff --git 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 {