From 9dd8120620d91c5a1fb6e23ed89b0a21c468d7f5 Mon Sep 17 00:00:00 2001
From: Nowell VanHoesen <nowell@mediavine.com>
Date: Tue, 5 Nov 2019 16:42:32 -0500
Subject: [PATCH] responsive adjustments

---
 .../wp-content/themes/wptv2/style.css         | 46 +++++++------------
 1 file changed, 17 insertions(+), 29 deletions(-)

diff --git wordpress.tv/public_html/wp-content/themes/wptv2/style.css wordpress.tv/public_html/wp-content/themes/wptv2/style.css
index 3a326768d..740ca415b 100644
--- wordpress.tv/public_html/wp-content/themes/wptv2/style.css
+++ wordpress.tv/public_html/wp-content/themes/wptv2/style.css
@@ -1846,7 +1846,7 @@ body #page > .container {
 }
 
 .primary-content {
-	flex: 1 1 auto;
+	flex: 1 1 650px;
 	margin: 0;
 }
 
@@ -1951,6 +1951,7 @@ body, td, p,
 	font-size: 13px;
 	font-weight: bold;
 	-webkit-font-smoothing: antialiased;
+  text-align: left;
 }
 
 h2 {
@@ -2047,7 +2048,7 @@ h5 {
 
 .wptv-hero .main-video {
 	background: #2f2f2f;
-	/* margin: auto; */
+  margin: 0 auto;
 	max-width: 575px;
 	position: relative;
 }
@@ -2428,27 +2429,17 @@ h3#comments {
 }
 
 .category .page-title {
-	float: left;
-	width: auto;
-	margin: -8px 0 20px 0;
+	flex: 0 0 25%;
+	margin: -8px auto 20px;
 }
 
 .desc {
-	float: right;
+  flex: 0 0 70%;
 	color: #969696;
 	margin: 3px 0 20px 0;
+  text-align: center;
 }
 
-/*.category-wordcamptv .secondary-content {
-	float: left;
-	width: 200px;
-}*/
-
-/*.category-wordcamptv .primary-content {
-	float: right;
-	margin: 0;
-}*/
-
 /* WordCamp Individual Page
 ============================================================= */
 
@@ -2694,9 +2685,6 @@ h3#comments {
 
 }
 
-@media screen and ( min-width: 940px ) {
-}
-
 @media screen and ( min-width: 940px ) {
 	#menu {
 		clear: initial;
@@ -2721,17 +2709,21 @@ h3#comments {
 		margin-left: 15px;
 	}
 
-	body.home .wptv-hero .container,
-	body.home #page > .container {
+  body .wptv-hero .container,
+	body #page > .container {
 		flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: space-between;
 	}
 
 	.wptv-hero .main-video {
 		flex: 0 0 575px;
+    margin-left: 0;
+    margin-right: 0;
 	}
 
 	.wptv-hero .secondary-videos {
-		flex: 1 1 auto;
+		flex: 1 0 320px;
 		margin-left: 23px;
 		margin-top: 0;
 	}
@@ -2748,13 +2740,14 @@ h3#comments {
 	}
 
 	.category-wordcamptv .secondary-content {
-		float: left;
+    margin: 0 30px 0 0;
+    order: 0;
 		width: 170px;
 	}
 
 	.category-wordcamptv .primary-content {
-		float: right;
 		margin: 0;
+    order: 1;
 	}
 
 	.single .video-player {
@@ -2779,11 +2772,6 @@ h3#comments {
 
 @media screen and ( max-width: 940px ) {
 
-	.category .page-title,
-	.desc {
-		float: none;
-	}
-
 	.wptv-hero .main-video .video-player {
 		/*height: auto !important;*/
 
-- 
2.20.1