First tweaks for appearance on Windows.

css/project.less

@@ -18,7 +18,7 @@
   transition: width .3s ease, border-width .3s ease, padding .3s linear;
   //display: none;
   width: 0px;
-  padding: 4px 8px;
+  padding: 4px 0;
   
   &.autohide.show {
     padding: 4px 0;
@@ -34,6 +34,7 @@
   
   &.show:not(.autohide) {
     width: @width;
+    padding: 4px 8px;
   }
   
   a {

css/tabs.less

@@ -82,6 +82,7 @@
       padding: 0 4px 0 0;
       cursor: pointer;
       align-self: center;
+      font-family: monospace;
       
       &:hover {
         color: @foreground;

css/ui.less

@@ -34,7 +34,8 @@
       width: 40px;
       display: block;
       margin-left: 1px;
-      font-size: 20px;
+      font-family: monospace;
+      font-size: 18px;
       font-weight: bold;
       text-align: center;
       background: mix(@background, #888, 65%);
@@ -42,7 +43,6 @@
       transition: opacity .3s ease;
       opacity: .8;
       color: @foreground;
-      vertical-align: middle;
       
       &:hover {
         opacity: 1;
@@ -51,6 +51,7 @@
       
       &.close {
         background: @accent;
+        color: white;
       }
     }
   }

main.html

@@ -11,9 +11,9 @@
       <b class="app-name">Caret</b>
       <ul class="toolbar"></ul>
       <div class="window-controls">
-        <a command="app:minimize">-</a>
+        <a command="app:minimize">&#9644;</a>
         <a command="app:maximize">+</a>
-        <a class="close" command="app:exit">&times;</a>
+        <a class="close" command="app:exit">~</a>
       </div>
     </div>
     

templates/tab.html

@@ -11,7 +11,7 @@
     argument="{{index}}"
   >{{fileName}}</a>
   <a class="close" command="session:close-tab" argument={{index}}>
-    {{#modified}}&equiv;{{/modified}}
+    {{#modified}}&#9679;{{/modified}}
     {{^modified}}&times;{{/modified}}
   </a>
 </span>