Make examples slightly less crappy

examples/feed.css

@@ -38,11 +38,9 @@ body {
         Grid
 --------------------*/
 
-#feed .grid {
-  height: 100%;
-}
-
-#feed > .grid > .column {
+#feed .pusher,
+#feed .grid,
+#feed .grid > .column {
   height: 100%;
 }
 
@@ -55,11 +53,6 @@ body {
   padding: 2em 0em;
 }
 
-
-#feed .inbox.tab .item .rating {
-  margin-top: 0.2rem;
-}
-
 #feed .inbox.tab .item .description {
   margin-left: 2em;
 }

examples/feed.html

@@ -50,7 +50,7 @@
       </div>
     </div>
   </div>
-  <div class="ui divided grid">
+  <div class="ui divided padded grid">
     <div class="seven wide middle column">
       <div class="ui right floated black launch button">
         <i class="list layout icon"></i> Menu
@@ -64,7 +64,7 @@
         <a class="item" data-tab="saved">Saved</a>
         <a class="item" data-tab="all">All</a>
       </div>
-      <div class="ui divided inbox selection list active tab" data-tab="unread">
+      <div class="ui divided very relaxed selection inbox list active tab" data-tab="unread">
         <a class="active item">
           <div class="left floated ui star rating">
             <i class="icon"></i>
@@ -108,7 +108,7 @@
           <div class="description">Study shows children enjoy the company of animals</div>
         </a>
       </div>
-      <div class="ui divided inbox selection list tab" data-tab="saved">
+      <div class="ui divided very relaxed inbox selection list tab" data-tab="saved">
         <a class="item">
           <div class="left floated ui star rating">
             <i class="icon"></i>
@@ -131,7 +131,7 @@
           <div class="description">Your favorite saved article</div>
         </a>
       </div>
-      <div class="ui divided inbox selection list tab" data-tab="all">
+      <div class="ui divided very relaxed inbox selection list tab" data-tab="all">
         <a class="item">
           <div class="left floated ui star rating">
             <i class="link icon"></i>
@@ -144,7 +144,7 @@
       <div class="ui divider"></div>
 
       <div class="current">Showing <b>6</b> of 213</div>
-      <div class="ui pagination menu">
+      <div class="ui text menu">
         <a class="icon item"><i class="icon left arrow"></i></a>
         <a class="active item">1</a>
         <div class="disabled item">...</div>

examples/homepage.css

@@ -43,13 +43,18 @@ html {
     Ribbons
 ---------------*/
 
+#home .segment h1 {
+  font-size: 3em;
+  margin-bottom: 1em;
+}
+
 #home .vertical.segment {
-  padding: 6rem 0rem;
+  padding: 12rem 0rem;
 }
 
 #home .feature.segment {
   margin: 0em;
-  padding: 2rem 0rem;
+  padding: 6rem 0rem;
 }
 #home .feature.segment p {
   min-height: 50px;
@@ -67,8 +72,9 @@ html {
     Footer
 ---------------*/
 
-#home .footer {
+#home .footer.segment {
   background-color: #000000;
+  padding: 3rem 0rem;
 }
 
 
@@ -87,6 +93,10 @@ html {
   #home .menu .right.menu > .mobile.item {
     display: block;
   }
+  #home .menu .right.menu > .mobile.item .menu {
+    left: auto;
+    right: 0em;
+  }
 
   #home h1 {
     font-size: 1.5em;

examples/homepage.html

@@ -143,7 +143,7 @@
         </div>
         <div class="six wide column">
           <div class="ui form segment">
-            <h3 class="ui header">Get Our Amazing Newsletter Bi-Daily</h3>
+            <h3 class="ui header">Bi-Daily Newsletter</h3>
             <p>Sign up and get spammed with cats every day. We have no unsubscribe button!</p>
             <div class="field">
               <div class="ui left icon action input">