Fix valign of icon message

server/documents/modules/sidebar.html.eco

@@ -234,7 +234,7 @@ type        : 'UI Module'
         <div class="ui styled sidebar">...</div>
       </div>
       <div class="ui labeled icon button">
-        <i class="reorder icon"></i>
+        <i class="left arrow icon"></i>
         Show
       </div>
     </div>
@@ -271,7 +271,7 @@ type        : 'UI Module'
         <div class="ui floating sidebar">...</div>
       </div>
       <div class="ui labeled icon button">
-        <i class="reorder icon"></i>
+        <i class="left arrow icon"></i>
         Show
       </div>
     </div>
@@ -435,7 +435,7 @@ type        : 'UI Module'
       ;
       </div>
       <div class="ui disabled secondary labeled icon toggle button">
-        <i class="reorder icon"></i>
+        <i class="left arrow icon"></i>
         Trigger Sidebar
       </div>
     </div>
@@ -452,7 +452,7 @@ type        : 'UI Module'
       ;
       </div>
       <div class="ui disabled secondary labeled icon open button">
-        <i class="reorder icon"></i>
+        <i class="left arrow icon"></i>
         Open Sidebar
       </div>
     </div>

server/files/stylesheets/semantic.css

@@ -626,6 +626,8 @@ body.guide .main.container > * {
 #example .position.example .icon {
   position: absolute;
   margin: 0em;
+  width: auto;
+  height: auto;
   padding: 0.5em !important;
 }
 #example .position.example .segment {

src/definitions/modules/checkbox.less

@@ -35,8 +35,8 @@
   height: @checkboxSize;
 
   font-size: 1rem;
+  line-height: @checkboxLineHeight;
   min-width: @checkboxSize;
-  line-height: @checkboxHeight;
   backface-visibility: hidden;
 
   outline: none;
@@ -61,7 +61,6 @@
 .ui.checkbox label {
   cursor: pointer;
   padding-left: @labelPadding;
-  line-height: @labelLineHeight;
   outline: none;
 }
 .ui.checkbox label {

src/themes/packages/default/collections/message.variables

@@ -57,7 +57,7 @@
 @iconSize: 2em;
 @iconOpacity: 0.8;
 @iconDistance: 1.5em;
-@iconVerticalAlign: middle;
+@iconVerticalAlign: top;
 
 /* Attached */
 @attachedOffset: -1px;

src/themes/packages/default/modules/checkbox.variables

@@ -4,10 +4,10 @@
 
 @checkboxColor: @textColor;
 @fontSize: 1em;
+@checkboxLineHeight: 15px;
 
 /* Label */
 @labelPadding: 2em;
-@labelLineHeight: 15px;
 
 @neutralCheckbox: @transparentBlack;
 @positiveCheckbox: @positiveColor;
@@ -27,7 +27,6 @@
 /* Checkmark */
 @checkboxCheckOffset: 1px;
 
-
 /* Radio */
 @checkboxRadioOffset: 3px;
 @checkboxRadioCircleSize: 9px;