minor styling

src/Form.tsx

@@ -488,13 +488,13 @@ function HeaderControl({ onLoad, onClear, onSubmit }: HeaderControlProps) {
   return (
     <div className="buttons is-centered">
       <button className="button is-small is-light" onClick={onLoad}>
-        🗃️ restore previous
+        🗃️ &nbsp; restore previous
       </button>
       <button className="button is-small is-light" onClick={onClear}>
-        🗑️start over
+        🗑️&nbsp; start over
       </button>
       <button className="button is-small is-light" onClick={onSubmit}>
-        💾 submit
+        💾 &nbsp; submit
       </button>
     </div>
   );
@@ -510,7 +510,7 @@ export default function Rankings() {
 
   return (
     <div className="container block">
-      <p className="notification is-primary is-light">
+      <p className="notification is-warning is-light">
         assign as many or as few players as you want and don't forget to 💾
         <strong> submit</strong> when you're done :)
       </p>

src/main.css

@@ -6,6 +6,11 @@
   --bulma-primary-l: 50%;
 }
 
+.navbar {
+  --bulma-navbar-burger-color: var(--bulma-white);
+  --bulma-navbar-dropdown-border-color: var(--bulma-primary);
+}
+
 .overflow-y {
   overflow-y: auto;
   max-height: 30vh;