meow :3

app/index.html

@@ -26,10 +26,10 @@
             <button id="textMinusBox">-</button>
             <button id="textSizeBox">16px</button>
             <button id="textPlusBox">+</button>
-            <button onclick="toggleMarkdown()" class="markdownButton"></button>
             <button id="wordCountBox">0 words</button>
+            <button onclick="toggleMarkdown()" class="usernameBox"><div class="vcenter"><img src="/static/svg/markdown.svg"></div></button>
+            <button id="usernameBox" class="usernameBox"><div class="vcenter"><img src="/static/svg/acct-settings.svg"></div></button>
         </div>
-        <button id="usernameBox" class="usernameBox"><div class="vcenter"><img src="/static/svg/acct-settings.svg"></div></button>
     </div>
 
     <div id="notesBar" class="notesBar">

static/css/style.css

@@ -220,11 +220,14 @@ body {
     display: flex;
 }
 
-.topBar .usernameBox {
+.topBar .modernToolbar {
     margin-left: auto;
+    margin-right: 5px;
+}
+
+.topBar .usernameBox {
     cursor: pointer;
     filter: invert(var(--invertdm));
-    margin-right: 5px;
     height: 41px;
     width: 41px;
     line-height: 41px;

static/svg/markdown.svg

@@ -1 +1,2 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="48px" viewBox="0 -960 960 960" width="48px" fill="#000000"><path d="M300-200q-24 0-42-18t-18-42v-560q0-24 18-42t42-18h440q24 0 42 18t18 42v560q0 24-18 42t-42 18H300Zm0-60h440v-560H300v560ZM180-80q-24 0-42-18t-18-42v-620h60v620h500v60H180Zm209-340h50v-190h57v127h50v-127h56v190h50v-206q0-14.45-9.49-24.22Q633.03-660 619-660H422q-14.02 0-23.51 9.78Q389-640.45 389-626v206Zm-89 160v-560 560Z"/></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path d="m 0 2 v 2 h 16 v -2 z m 0 3 v 7 h 2 v -4.542969 l 2.09375 4.542969 h 1.8125 l 2.09375 -4.542969 v 4.542969 h 2 v -7 h -3 l -2 4 l -2 -4 z m 10 4 l 3 3 l 3 -3 h -2 v -4 h -2 v 4 z m -10 4 v 2 h 16 v -2 z m 0 0" fill="#222222"/></svg>