From e3822fb7b93d216d342021bda85120887d1502cf Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Mon, 24 Nov 2014 00:16:11 -0500
Subject: [PATCH] Make examples slightly less crappy

---
 examples/feed.css      | 13 +++----------
 examples/feed.html     | 10 +++++-----
 examples/homepage.css  | 16 +++++++++++++---
 examples/homepage.html |  2 +-
 4 files changed, 22 insertions(+), 19 deletions(-)

diff --git a/examples/feed.css b/examples/feed.css
index 8c2956b6f..336ad10f4 100755
--- a/examples/feed.css
+++ b/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;
 }
diff --git a/examples/feed.html b/examples/feed.html
index 473a80972..1d214c4f6 100755
--- a/examples/feed.html
+++ b/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>
diff --git a/examples/homepage.css b/examples/homepage.css
index 32fdad1e4..0dcc3de2a 100755
--- a/examples/homepage.css
+++ b/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;
diff --git a/examples/homepage.html b/examples/homepage.html
index 62b687b8b..5bae8cb9c 100755
--- a/examples/homepage.html
+++ b/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">