Fix attached tabular menu spacing, pointing active header color

server/documents/collections/menu.html.eco

@@ -118,6 +118,19 @@ themes      : ['Default', 'GitHub']
       </a>
     </div>
   </div>
+  <div class="another example">
+    <div class="ui top attached tabular menu">
+      <a class="active item">
+        Bio
+      </a>
+      <a class="item">
+        Pics
+      </a>
+    </div>
+    <div class="ui bottom attached segment">
+      This is the content of the tab.
+    </div>
+  </div>
 
   <div class="example">
     <h4 class="ui header">Tiered Menu</h4>

server/documents/elements/list.html.eco

@@ -322,14 +322,14 @@ themes      : ['Default']
     <p>Any element inside a list can be floated left or right</p>
     <div class="ui divided list">
       <div class="item">
-        <div class="right floated basic ui button">Add</div>
+        <div class="right floated compact ui button">Add</div>
         <img class="ui avatar image" src="/images/avatar/small/justen.jpg">
         <div class="content">
           <div class="header">Justen Kitsune</div>
         </div>
       </div>
       <div class="item">
-        <div class="right floated basic ui button">Add</div>
+        <div class="right floated compact ui button">Add</div>
         <img class="ui avatar image" src="/images/avatar/small/joe.jpg">
         <div class="content">
           <div class="header">Joe Henderson</div>

src/definitions/collections/menu.less

@@ -681,7 +681,7 @@
   z-index: 2;
 }
 .ui.tabular.menu ~ .bottom.attached.segment {
-  margin: 1px 0px 0px 1px;
+  margin: -1px 0px 0px 1px;
 }
 
 /* Coupling with accordion */

src/definitions/modules/popup.js

@@ -119,10 +119,8 @@ $.fn.popup = function(parameters) {
 
         destroy: function() {
           module.debug('Destroying previous module');
-          if($popup) {
-            $popup
-              .remove()
-            ;
+          if($popup && !settings.preserve) {
+            module.remove();
           }
           $module
             .off(eventNamespace)

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

@@ -140,7 +140,7 @@
 @arrowBorder: 1px solid rgba(0, 0, 0, 0.1);
 
 @arrowHoverColor: #FAFAFA;
-@arrowActiveColor: #FCFCFC;
+@arrowActiveColor: #F6F6F6;
 
 @arrowVerticalHoverColor: #FAFAFA;
 @arrowVerticalActiveColor: #FCFCFC;

src/themes/packages/default/elements/segment.variables

@@ -26,7 +26,7 @@
 --------------------*/
 
 /* Page Grid Segment */
-@pageGridMargin: 2 * @verticalPadding;
+@pageGridMargin: (2 * @verticalPadding);
 
 
 /*******************************
@@ -53,8 +53,8 @@
 ;
 
 /* Attached */
-@attachedTopOffset: -1px;
-@attachedBottomOffset: 1px;
+@attachedTopOffset: 0px;
+@attachedBottomOffset: 0px;
 @attachedBoxShadow: 0px 0px 0px 1px @solidBorderColor;
 @attachedBottomBoxShadow:
   @attachedBoxShadow,