Proper showing of Image Preview

berbaquero · Nov 15, 2014 · 00a6a14 · 00a6a14
1 parent e55672c
commit 00a6a14
Showing 1 changed file with 1 addition and 20 deletions.
diff --git a/css/reeddit.scss b/css/reeddit.scss
@@ -271,12 +271,11 @@ a {
 }
 
 .image-preview {
-	width: 100%;
 	margin: 0 auto;
 	display: block;
 	border-radius: 3px;
 	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.6);
-	max-width: 600px;
+	max-width: 100%;
 }
 
 /*--------------------- Menu -----------------------------*/
@@ -1108,10 +1107,6 @@ header > div {
 		width: 28%;
 	}
 
-	.image-preview {
-		width: 80%;
-	}
-
 	.main-view,
 	.detail-view {
 		left: 28%;
@@ -1126,10 +1121,6 @@ header > div {
 		width: 22%;
 	}
 
-	.image-preview {
-		width: 60%;
-	}
-
 	.main-view,
 	.detail-view {
 		left: 22%;
@@ -1182,10 +1173,6 @@ header > div {
 		transition-duration: 0s;
 	}
 
-	.image-preview {
-		width: 70%;
-	}
-
 	#edit-subs {
 		height: 26px !important;
 	}
@@ -1227,12 +1214,6 @@ header > div {
 	}
 }
 
-@media only screen and (min-width: 1500px) {
-	.image-preview {
-		width: 50%;
-	}
-}
-
 @media only screen and (min-height: 890px) {
 	#main-menu {
 		height: 96%;