Fix splitbuttons, add more icons

ghost/admin/app/styles/layouts/main.css

@@ -1,6 +1,7 @@
 /* Global Layout
 /* ---------------------------------------------------------- */
 
+/* Main viewport, contains main content, and alerts */
 .gh-viewport {
     display: flex;
     flex-direction: column;
@@ -8,6 +9,7 @@
     height: 100vh;
 }
 
+/* Content viewport, contains everything else */
 .gh-viewport-container {
     flex-grow: 1;
     display: flex;

ghost/admin/app/styles/patterns/icons.css

@@ -208,3 +208,21 @@
 .icon-markdown:before {
     content: "\e037";
 }
+.icon-external:before {
+    content: "\e038";
+}
+.icon-arrow2:before {
+    content: "\e039";
+}
+.icon-arrow2-up:before {
+    content: "\e03a";
+}
+.icon-arrow2-left:before {
+    content: "\e03b";
+}
+.icon-arrow2-right:before {
+    content: "\e03c";
+}
+.icon-x2:before {
+    content: "\e03d";
+}

ghost/admin/app/templates/editor-save-button.hbs

@@ -1,6 +1,6 @@
 <button type="button" {{action "save"}} class="btn btn-sm js-publish-button {{if view.isDangerous 'btn-red' 'btn-blue'}}">{{view.saveText}}</button>
 {{#gh-dropdown-button dropdownName="post-save-menu" classNameBindings=":btn :btn-sm view.isDangerous:btn-red:btn-blue btnopen:active :dropdown-toggle :up"}}
-    <i class="options"></i>
+    <i class="options icon-arrow2"></i>
     <span class="sr-only">Toggle Settings Menu</span>
 {{/gh-dropdown-button}}
 {{#gh-dropdown name="post-save-menu" closeOnClick="true" tagName="div" classNames="dropdown editor-options"}}

ghost/admin/public/assets/fonts/ghosticons.svg

@@ -63,4 +63,10 @@
 <glyph unicode="&#57397;" d="M249 512l-4 0c-137-2-247-114-245-250 2-135 108-241 241-241l5 0c65 1 127 28 174 75 47 47 72 110 71 175-3 135-109 241-242 241z m156-401c-43-43-100-67-160-68l-4 0c-121 0-217 96-220 220-2 123 99 225 225 228l3 0c122 0 218-97 220-220 1-60-22-117-64-160z m-160 113c6 0 11 5 11 11l0 149c0 6-5 11-11 11-6 0-10-5-10-11l0-149c0-6 4-11 10-11z m0-43c0 0 0 0 0 0-12 0-21-10-21-21 0-12 10-21 21-21 0 0 1 0 1 0 11 0 21 10 21 21-1 12-10 21-22 21z"/>
 <glyph unicode="&#57398;" d="M324 364c-5 3-11 0-14-5-2-6 1-12 6-14 48-20 79-67 79-119 0-34-14-66-38-90-24-24-56-37-90-37 0 0 0 0-1 0-70 0-127 57-127 128 0 51 31 98 78 118 6 2 8 8 6 14-3 5-9 8-14 5-56-23-92-77-92-137 0-82 67-150 149-150 0 0 1 0 1 0 39 0 77 16 105 44 28 28 44 65 44 105 0 61-36 115-92 138z m-57-116l0 0c6 0 10 5 10 11l1 138c0 6-5 11-11 11 0 0 0 0 0 0-6 0-11-5-11-11l0-138c0-6 5-11 11-11z"/>
 <glyph unicode="&#57399;" d="M475 416l-438 0c-20 0-37-17-37-37l0-246c0-20 17-37 37-37l438 0c20 0 37 17 37 37l0 246c0 20-17 37-37 37z m-187-256l-64 0 0 96-48-62-48 62 0-96-64 0 0 192 64 0 48-64 48 64 64 0z m96-16l-80 112 48 0 0 96 64 0 0-96 48 0z"/>
+<glyph unicode="&#57400;" d="M384 128l-256 0 0 255 64 1 0 64-128 0 0-384 384 0 0 160-64 0z m-128 320l64-64-96-96 64-64 96 96 64-64 0 192z"/>
+<glyph unicode="&#57401;" d="M504 413c-9 7-22 6-30-3l-218-261-218 261c-8 9-21 10-30 3-9-8-11-21-3-30l235-281c4-5 10-8 16-8 6 0 12 3 16 8l235 281c8 9 6 22-3 30z"/>
+<glyph unicode="&#57402;" d="M507 130l-235 280c-8 10-24 10-32 0l-235-280c-8-9-6-23 3-30 9-8 22-7 30 2l218 261 218-261c5-5 11-7 17-7 5 0 9 1 13 5 9 7 11 21 3 30z"/>
+<glyph unicode="&#57403;" d="M149 256l261 218c9 8 10 21 3 30-8 9-21 11-30 3l-281-235c-5-4-8-10-8-16 0-6 3-12 8-16l280-235c4-3 9-5 14-5 6 0 12 3 17 8 7 9 6 22-3 30z"/>
+<glyph unicode="&#57404;" d="M410 272l-281 235c-9 8-22 6-30-3-7-9-6-22 3-30l261-218-261-218c-9-8-10-21-3-30 5-5 11-8 17-8 5 0 10 2 13 5l281 235c5 4 8 10 8 16 0 6-3 12-8 16z"/>
+<glyph unicode="&#57405;" d="M286 256l220 220c8 8 8 21 0 30-9 8-22 8-30 0l-220-220-220 220c-8 8-21 8-30 0-8-9-8-22 0-30l220-220-220-220c-8-8-8-21 0-30 4-4 10-6 15-6 6 0 11 2 15 6l220 220 220-220c4-4 9-6 15-6 5 0 11 2 15 6 8 9 8 22 0 30z"/>
 </font></defs></svg>