Box modeling

couchpotato/core/plugins/movie/static/movie.css

@@ -20,8 +20,8 @@
 		}
 		.movies .data {
 			padding: 20px;
-			height: 140px;
-			width: 800px;
+			height: 180px;
+			width: 840px;
 			position: relative;
 			float: right;
 
@@ -101,8 +101,8 @@
 				background-repeat: no-repeat;
 				background-position: center;
 				display: inline-block;
-				width: 20px;
-				height: 20px;
+				width: 26px;
+				height: 26px;
 				padding: 3px;
 				opacity: 0;
 			}
@@ -132,6 +132,7 @@
 			.movies .options {
 				position: absolute;
 				margin-left: 120px;
+				width: 840px;
 			}
 			
 			.movies .options .form {
@@ -162,7 +163,7 @@
 					.movies .options .table .item > * {
 						display: inline-block;
 						padding: 0 5px;
-						width: 50px;
+						width: 60px;
 						min-height: 24px;
 						white-space: nowrap;
 						text-overflow: ellipsis;
@@ -174,10 +175,10 @@
 							border: 0;
 						}
 						.movies .options .table .provider {
-							width: 120px;
+							width: 130px;
 						}
 						.movies .options .table .name {
-							width: 360px;
+							width: 370px;
 							overflow: hidden;
 							text-align: left;
 							padding: 0 10px;
@@ -187,8 +188,8 @@
 						.movies .options .table .is_available { width: 80px; }
 						
 						.movies .options .table a {
-							width: 16px !important;
-							height: 16px;
+							width: 30px !important;
+							height: 20px;
 							opacity: 0.8;
 						}
 						.movies .options .table a:hover {
@@ -241,7 +242,7 @@
 	.movies .alph_nav li {
 		display: inline-block;
 		vertical-align: top;
-		width: 24px;
+		width: 23px;
 		height: 24px;
 		line-height: 26px;
 		text-align: center;

couchpotato/core/plugins/movie/static/search.css

@@ -10,11 +10,10 @@
 }
 
 	.search_form input {
-		padding-right: 25px;
 		padding: 4px;
 		margin: 0;
 		font-size: 14px;
-		width: 90%;
+		width: 100%;
 	}
 		.search_form .input a  {
 			width:  17px;
@@ -56,7 +55,7 @@
 		}
 
 	.search_form .results {
-		max-height: 550px;
+		max-height: 570px;
 		overflow-x: hidden;
 		padding: 10px 0;
 	}
@@ -106,7 +105,7 @@
 
 		.movie_result .data {
 			padding: 0 15px;
-			width: 440px;
+			width: 470px;
 			position: relative;
 			min-height: 100px;
 			top: 0;
@@ -131,13 +130,12 @@
 				display: inline-block;
 				margin: 15px 3% 15px 0;
 				vertical-align: top;
-
 				border-radius: 3px;
 				box-shadow: 0 0 3px rgba(0,0,0,0.35);
 			}
 
 			.movie_result .info {
-				width: 74%;
+				width: 80%;
 				display: inline-block;
 				vertical-align: top;
 				padding: 15px 0;

couchpotato/static/style/main.css

@@ -26,6 +26,12 @@ body {
 	#clean {
 		background: transparent !important;
 	}
+	
+* {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
 
 pre {
 	white-space: pre-wrap;
@@ -150,9 +156,10 @@ body > .spinner, .mask{
 .header {
 	background: #4e5969;
 	padding:10px;
-	height: 60px;
+	height: 80px;
 	position: fixed;
-	width: 99%;
+	margin: 0;
+	width: 100%;
 	z-index: 5;
 	box-shadow:  0 0 5px rgba(0,0,0,0.05);
 	transition: box-shadow .4s cubic-bezier(0.9,0,0.1,1);

couchpotato/static/style/page/settings.css

@@ -47,7 +47,7 @@
 
 	
 	.page.settings .containers {
-		width: 75.8%;
+		width: 80%;
 		float: left;
 		padding: 20px 2%;
 		min-height: 300px;