fixes issues with tabular menu movement on active

build/less/collections/menu.less

@@ -657,6 +657,11 @@
 }
 .ui.tabular.menu .item {
   background-color: transparent;
+
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  border-top: 1px solid transparent;
+
   padding-left: 1.4em;
   padding-right: 1.4em;
   color: rgba(0, 0, 0, 0.6);
@@ -679,9 +684,7 @@
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
 
-  border-left: 1px solid #DCDDDE;
-  border-right: 1px solid #DCDDDE;
-  border-top: 1px solid #DCDDDE;
+  border-color: #DCDDDE;
 
   padding-top: 0.83em;
 

build/uncompressed/collections/menu.css

@@ -509,6 +509,9 @@
 }
 .ui.tabular.menu .item {
   background-color: transparent;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  border-top: 1px solid transparent;
   padding-left: 1.4em;
   padding-right: 1.4em;
   color: rgba(0, 0, 0, 0.6);
@@ -527,9 +530,7 @@
   top: 1px;
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
-  border-left: 1px solid #DCDDDE;
-  border-right: 1px solid #DCDDDE;
-  border-top: 1px solid #DCDDDE;
+  border-color: #DCDDDE;
   padding-top: 0.83em;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;

node/src/files/examples/feed.css

@@ -1,3 +1,7 @@
+/*******************************
+            Global
+*******************************/
+
 html,
 body {
   font-size: 15px;
@@ -19,6 +23,15 @@ body {
   font-family: 'Source Sans Pro', "Helvetica Neue", "Helvetica", "Arial", sans-serif;
 }
 
+/*******************************
+            Global
+*******************************/
+
+
+/*-------------------
+        Grid
+--------------------*/
+
 #feed .grid {
   height: 100%;
 }
@@ -26,6 +39,10 @@ body {
   height: 100%;
 }
 
+/*-------------------
+        Menu
+--------------------*/
+
 #feed .left.column {
   background-color: #333333;
 }
@@ -35,6 +52,10 @@ body {
 }
 
 
+/*-------------------
+       Inbox
+--------------------*/
+
 #feed .inbox {
   background-color: #FFFFFF;
 }
@@ -42,12 +63,21 @@ body {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
+#feed .middle.column {
+  padding: 1em 2em;
+}
 
 #feed .right.column {
   padding: 1em 2em;
   background-color: #FFFFFF;
 }
 
+
+/*******************************
+          Responsive
+*******************************/
+
+
 @media only screen and (max-width : 800px) {
   #feed .left.column {
     min-width: 200px;

node/src/files/examples/feed.html

@@ -102,9 +102,9 @@
         <a class="item" data-tab="all">All</a>
       </div>
       <div class="ui divided inbox selection list active tab" data-tab="unread">
-        <a class="item">
+        <a class="active item">
           <i class="empty star icon"></i>
-          Scientists discover new breed of dog
+          Weekly Webcomic Wrapup fought the law, and the law won
           <div class="right floated date">Sep 14, 2013</div>
         </a>
         <a class="item">
@@ -113,39 +113,39 @@
           <div class="right floated date">Sep 14, 2013</div>
         </a>
         <a class="item">
-          <i class="star icon"></i>
-          Scientists discover new breed of dog
-          <div class="right floated date">Sep 14, 2013</div>
+          <i class="teal emphasized star icon"></i>
+          Dogs start colony in Antarctica
+          <div class="right floated date">Sep 10, 2013</div>
         </a>
         <a class="item">
           <i class="empty star icon"></i>
-          Scientists discover new breed of dog
-          <div class="right floated date">Sep 14, 2013</div>
+          Famous dog whisperer Chakotay dies today at 104
+          <div class="right floated date">Sep 09, 2013</div>
         </a>
         <a class="item">
           <i class="empty star icon"></i>
-          Scientists discover new breed of dog
-          <div class="right floated date">Sep 14, 2013</div>
+          Top 10 Things to Know about Labradoodles
+          <div class="right floated date">Sep 07, 2013</div>
         </a>
         <a class="item">
           <i class="empty star icon"></i>
-          Scientists discover new breed of dog
-          <div class="right floated date">Sep 14, 2013</div>
+          Study shows children enjoy the company of animals
+          <div class="right floated date">Sep 05, 2013</div>
         </a>
       </div>
       <div class="ui divided inbox selection list tab" data-tab="saved">
         <a class="item">
-          <i class="star icon"></i>
+          <i class="teal emphasized star icon"></i>
           Your favorite saved article
           <div class="right floated date">Sep 14, 2013</div>
         </a>
         <a class="item">
-          <i class="star icon"></i>
+          <i class="teal emphasized star icon"></i>
           Your favorite saved article
           <div class="right floated date">Sep 14, 2013</div>
         </a>
         <a class="item">
-          <i class="star icon"></i>
+          <i class="teal emphasized star icon"></i>
           Your favorite saved article
           <div class="right floated date">Sep 14, 2013</div>
         </a>
@@ -163,6 +163,9 @@
       <p>So there's this video game coming out Tuesday called Grand Theft Auto 5. Don't know if you've heard of it. Anyways, it's all about crime and gangs and some roughneck ne'er-do-wells, so I thought this would be the perfect time to talk about times when we've been... well, less than perfect.</p>
       <p>When I was a young'un, I was a frequent visitor to the local swimming pool. I was also a frequent lover of AirHeads candy, which the pool happened to sell. Waiting, watching, stalking the counter like a big cat in the savannah, I waited for the perfect opportunity to strike. While the lifeguards were busy, I snuck through the gate, reached up and took both cherry and "mystery white" AirHeads. I quickly ran out to the sidewalk and reveled in my sweet, delicious victory... for all of ten seconds, before I felt guilty enough to sneak back in and return the .20 worth of candy I had stolen.</p>
       <p>While you confess your crimes - hopefully minor, and nothing you can be persecuted for - take a moment to enjoy this week's webcomics, and vote for your favorite after the jump.</p>
+      <div class="ui divider"></div>
+      <div class="ui basic button">Save</div>
+      <div class="ui basic button">Delete</div>
     </div>
   </div>
 </body>

node/src/files/release/less/collections/menu.less

@@ -657,6 +657,11 @@
 }
 .ui.tabular.menu .item {
   background-color: transparent;
+
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  border-top: 1px solid transparent;
+
   padding-left: 1.4em;
   padding-right: 1.4em;
   color: rgba(0, 0, 0, 0.6);
@@ -679,9 +684,7 @@
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
 
-  border-left: 1px solid #DCDDDE;
-  border-right: 1px solid #DCDDDE;
-  border-top: 1px solid #DCDDDE;
+  border-color: #DCDDDE;
 
   padding-top: 0.83em;
 

node/src/files/release/uncompressed/collections/menu.css

@@ -509,6 +509,9 @@
 }
 .ui.tabular.menu .item {
   background-color: transparent;
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  border-top: 1px solid transparent;
   padding-left: 1.4em;
   padding-right: 1.4em;
   color: rgba(0, 0, 0, 0.6);
@@ -527,9 +530,7 @@
   top: 1px;
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
-  border-left: 1px solid #DCDDDE;
-  border-right: 1px solid #DCDDDE;
-  border-top: 1px solid #DCDDDE;
+  border-color: #DCDDDE;
   padding-top: 0.83em;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;

src/collections/menu.less

@@ -657,6 +657,11 @@
 }
 .ui.tabular.menu .item {
   background-color: transparent;
+
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+  border-top: 1px solid transparent;
+
   padding-left: 1.4em;
   padding-right: 1.4em;
   color: rgba(0, 0, 0, 0.6);
@@ -679,9 +684,7 @@
   background-color: #FFFFFF;
   color: rgba(0, 0, 0, 0.8);
 
-  border-left: 1px solid #DCDDDE;
-  border-right: 1px solid #DCDDDE;
-  border-top: 1px solid #DCDDDE;
+  border-color: #DCDDDE;
 
   padding-top: 0.83em;