From f94ea0e78a9cdfa227a8708477cf0f25c72559e4 Mon Sep 17 00:00:00 2001
From: "kay.one" <kay.one@gmail.com>
Date: Thu, 6 Jun 2013 20:34:18 -0700
Subject: [PATCH] styling

---
 UI/AddSeries/SearchResultTemplate.html       |  2 +-
 UI/AddSeries/addSeries.less                  |  2 +-
 UI/Index.html                                |  4 +--
 UI/Series/Details/SeasonLayoutTemplate.html  |  2 +-
 UI/Series/Details/SeriesDetailsTemplate.html | 12 ++++-----
 UI/Series/Index/List/ItemTemplate.html       |  2 +-
 UI/Series/Index/Posters/ItemTemplate.html    |  2 +-
 UI/Series/series.less                        | 28 ++++++++++++--------
 UI/Shared/Styles/card.less                   |  4 +--
 9 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/UI/AddSeries/SearchResultTemplate.html b/UI/AddSeries/SearchResultTemplate.html
index 5058a69f6..9feb77956 100644
--- a/UI/AddSeries/SearchResultTemplate.html
+++ b/UI/AddSeries/SearchResultTemplate.html
@@ -2,7 +2,7 @@
     <div class="row">
         <div class="span2">
             <a href="{{traktUrl}}" target="_blank">
-                <img class="series-poster img-polaroid" src="{{remotePoster}}">
+                <img class="add-series-poster" src="{{remotePoster}}">
             </a>
         </div>
         <div class="span9">
diff --git a/UI/AddSeries/addSeries.less b/UI/AddSeries/addSeries.less
index a0f0f09ec..0619751bd 100644
--- a/UI/AddSeries/addSeries.less
+++ b/UI/AddSeries/addSeries.less
@@ -41,7 +41,7 @@
   padding-top: 10px;
 }
 
-.img-polaroid {
+.add-series-poster {
   min-width: 138px;
   min-height: 203px;
   max-width: 138px;
diff --git a/UI/Index.html b/UI/Index.html
index f323052e3..868809a8e 100644
--- a/UI/Index.html
+++ b/UI/Index.html
@@ -34,9 +34,9 @@
                     <li><a href="/calendar"><i class="icon-calendar"></i>
                         <br>
                         Calendar</a></li>
-                    <li><span class="label label-important pull-right">08</span><a href="history"><i class="icon-time"></i><br>
+                    <li><a href="history"><i class="icon-time"></i><br>
                         History</a></li>
-                    <li><span class="label label-important pull-right">04</span><a href="missing"><i class="icon-folder-open"></i><br>
+                    <li><a href="missing"><i class="icon-folder-open"></i><br>
                         Missing</a></li>
                     <li><a href="settings"><i class="icon-cogs"></i>
                         <br>
diff --git a/UI/Series/Details/SeasonLayoutTemplate.html b/UI/Series/Details/SeasonLayoutTemplate.html
index 3b5b8d433..472a5dd68 100644
--- a/UI/Series/Details/SeasonLayoutTemplate.html
+++ b/UI/Series/Details/SeasonLayoutTemplate.html
@@ -1,4 +1,4 @@
 <div class="series-season">
-    <h3>{{seasonTitle}}</h3>
+    <h2>{{seasonTitle}}</h2>
     <div id="x-episode-grid"/>
 </div>
diff --git a/UI/Series/Details/SeriesDetailsTemplate.html b/UI/Series/Details/SeriesDetailsTemplate.html
index 8a4cd2615..a2cbe214c 100644
--- a/UI/Series/Details/SeriesDetailsTemplate.html
+++ b/UI/Series/Details/SeriesDetailsTemplate.html
@@ -1,14 +1,14 @@
-<div class="row series-page-header series-detail-summary">
-    <div class="span2">
+<div class="row series-page-header">
+    <div class="span3">
         <a href="{{traktUrl}}" target="_blank">
-            <img class="series-poster img-polaroid" src="{{poster}}">
+            <img class="series-poster" src="{{poster}}">
         </a>
     </div>
-    <div class="span9">
+    <div class="offset1 span7">
         <div class="row">
-            <h2>{{title}}</h2>
+            <h1>{{title}}</h1>
         </div>
-        <div class="row">
+        <div class="row  series-detail-overview">
             {{overview}}
         </div>
         <div class="row">
diff --git a/UI/Series/Index/List/ItemTemplate.html b/UI/Series/Index/List/ItemTemplate.html
index 641bbb29b..d77c32b21 100644
--- a/UI/Series/Index/List/ItemTemplate.html
+++ b/UI/Series/Index/List/ItemTemplate.html
@@ -2,7 +2,7 @@
     <div class="row">
         <div class="span2">
             <a href="{{route}}">
-                <img class="series-poster img-polaroid" src="{{poster}}">
+                <img class="series-poster" src="{{poster}}">
             </a>
         </div>
         <div class="span10">
diff --git a/UI/Series/Index/Posters/ItemTemplate.html b/UI/Series/Index/Posters/ItemTemplate.html
index f44231f15..8ad833990 100644
--- a/UI/Series/Index/Posters/ItemTemplate.html
+++ b/UI/Series/Index/Posters/ItemTemplate.html
@@ -11,7 +11,7 @@
                         <div class="ended-banner">Ended</div>
                     {{/unless}}
                     <a href="{{route}}">
-                        <img class="series-poster img-polaroid" src="{{poster}}">
+                        <img class="series-poster" src="{{poster}} ">
                     </a>
                 </div>
             </div>
diff --git a/UI/Series/series.less b/UI/Series/series.less
index 2fa492f57..fe412afa5 100644
--- a/UI/Series/series.less
+++ b/UI/Series/series.less
@@ -1,4 +1,5 @@
 @import "../Shared/Styles/card.less";
+@import "../Shared/Styles/clickable.less";
 
 .series-item {
   padding-bottom: 30px;
@@ -16,6 +17,18 @@
   }
 }
 
+.series-page-header {
+  .card;
+  padding: 30px 0px;
+}
+
+.series-season {
+  .card;
+  margin: 80px 10px;
+  padding: 20px 40px;
+
+}
+
 .series-posters {
   list-style-type: none;
 
@@ -23,16 +36,13 @@
     display: inline-block;
     vertical-align: top;
   }
-  .series-page-header {
-    padding-bottom: 50px;
-  }
 
   .series-posters-item {
 
     .card;
-
+    .clickable;
     margin-bottom: 20px;
-    height: 260px;
+    height: 300px;
 
     .center {
       display: block;
@@ -58,7 +68,7 @@
     .labels {
       display: inline-block;
       opacity: 0.75;
-      width: 138px;
+      width: 170px;
 
       :hover {
         cursor: default;
@@ -73,10 +83,6 @@
         opacity: 1;
       }
     }
-    .series-season {
-      padding-bottom: 20px;
-
-    }
   }
 
   .series-poster-container {
@@ -115,6 +121,6 @@
 
 }
 
-.series-detail-summary {
+.series-detail-overview {
   margin-bottom: 50px;
 }
diff --git a/UI/Shared/Styles/card.less b/UI/Shared/Styles/card.less
index c2ce579e1..697dd166f 100644
--- a/UI/Shared/Styles/card.less
+++ b/UI/Shared/Styles/card.less
@@ -1,9 +1,9 @@
 .card {
   margin :10px;
   padding: 10px;
-  box-shadow: 0px 0px 20px 1px #e1e1e1;
+  box-shadow: 0px 0px 10px 1px #e1e1e1;
   color: #444444;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
-}
\ No newline at end of file
+}