Fix twitter size logo position

jposi · Jan 16, 2014 · 97764af · 97764af
1 parent a42442c
commit 97764af
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 34 deletions.
diff --git a/less/app.less b/less/app.less
@@ -209,39 +209,7 @@ header {
 	padding: @grid-gutter-width * 2;
 	font-size: 90px;
 	line-height: 1 !important;
-	overflow: hidden;	
-
-	&.two-to-one {
-		height: 320px;
-		padding: @grid-gutter-width;
-
-		.quote& {
-			.left-quote {
-				top: @grid-gutter-width;
-				left: @grid-gutter-width;
-			}
-		}
-
-		blockquote {
-			margin-bottom: 20px;
-		}
-
-		.logo-wrapper {
-			padding: @grid-gutter-width;
-
-			img {
-				width: 150px;
-			}
-		}
-
-		p.source {
-			font-size: @font-size-base * 1.3;
-		}
-
-		p.source span {
-			font-size: @font-size-base * 1.1;
-		}
-	}
+	overflow: hidden;
 
 	&.poster-news {
 		.logo-wrapper {
@@ -316,6 +284,42 @@ header {
 		}
 	}
 
+	&.two-to-one {
+		height: 320px;
+		padding: @grid-gutter-width;
+
+		.quote& {
+			.left-quote {
+				top: @grid-gutter-width;
+				left: @grid-gutter-width;
+			}
+		}
+
+		blockquote {
+			margin-bottom: 20px;
+		}
+
+		.logo-wrapper {
+			padding: @grid-gutter-width;
+
+			img {
+				width: 150px;
+			}
+
+			.poster-music& {
+				padding-bottom: @grid-gutter-width - 10;
+			}
+		}
+
+		p.source {
+			font-size: @font-size-base * 1.3;
+		}
+
+		p.source span {
+			font-size: @font-size-base * 1.1;
+		}
+	}
+
 	.quote& {
 		.left-quote {
 			content:"\201C";

diff --git a/www/test/test.html b/www/test/test.html
@@ -93,7 +93,7 @@ <h1>Quotable</h1>
                             <button id="news" class="btn btn-default btn-primary">News</button>
                             <button id="music" class="btn btn-default">Music</button>
                             <button id="fresh-air" class="btn btn-default">Fresh Air</button>
-                            <button id="snap-judgement" class="btn btn-default">Snap Judgement</button>
+                            <button id="snap-judgement" class="btn btn-default">Snap Judgment</button>
                         </div>
                     </div>
                     <div class="form-group">