Add/mobile feed configuration (#2938)

* Show subscription management button on mobile

* Show aside box-shadow on Origine only when opened

* Reduce padding of Origine posts on mobile

* Shrink stick component with long input

* Show Origine configure icons on mobile

* Show the slider full width on mobile

* Improve the look of forms on mobile

* Fix Ansum theme

* Fix BlueLagoon theme

* Fix Dark theme

* Fix Flat theme

* Fix Mapco theme

* Fix Origine-compact theme

* Fix Pafat theme

* Fix Screwdriver theme

* Fix Swage theme

* Fix Alternative-Dark theme

* Apply RTL script on themes

Co-authored-by: triatic <42704418+triatic@users.noreply.github.com>

2 files changed, 40 insertions, 18 deletions

diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 99fe48839..3d7f68a09 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/p/themes/Screwdriver/screwdriver.css
@@ -1237,6 +1237,16 @@ a.btn {
 /*===========*/
 
 @media screen and (max-width: 840px) {
+	.form-group .group-name {
+		padding-bottom: 0;
+		text-align: left;
+	}
+
+	.box .box-title .configure,
+	.box .box-content .item .configure {
+		visibility: visible;
+	}
+
 	.header {
 		display: table;
 	}
@@ -1268,11 +1278,6 @@ a.btn {
 		text-align: center;
 	}
 
-	.aside .btn-important {
-		margin: 20px 0 0;
-		display: inline-block;
-	}
-
 	.aside.aside_feed {
 		padding: 0;
 	}
@@ -1327,6 +1332,16 @@ a.btn {
 	#nav_entries {
 		width: 100%;
 	}
+
+	.post {
+		padding-left: 15px;
+		padding-right: 15px;
+	}
+
+	#close-slider.active {
+		background: #171717;
+		box-shadow: 0 1px rgba(255,255,255,0.08)
+	}
 }
 
 @media (max-width: 700px) {
@@ -1342,8 +1357,4 @@ a.btn {
 	.nav_menu .search {
 		display: inline-block;
 	}
-
-	.aside .btn-important {
-		display: none;
-	}
 }
diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css
index 39c870bce..47d67fccd 100644
--- a/p/themes/Screwdriver/screwdriver.rtl.css
+++ b/p/themes/Screwdriver/screwdriver.rtl.css
@@ -1237,6 +1237,16 @@ a.btn {
 /*===========*/
 
 @media screen and (max-width: 840px) {
+	.form-group .group-name {
+		padding-bottom: 0;
+		text-align: right;
+	}
+
+	.box .box-title .configure,
+	.box .box-content .item .configure {
+		visibility: visible;
+	}
+
 	.header {
 		display: table;
 	}
@@ -1268,11 +1278,6 @@ a.btn {
 		text-align: center;
 	}
 
-	.aside .btn-important {
-		margin: 20px 0 0;
-		display: inline-block;
-	}
-
 	.aside.aside_feed {
 		padding: 0;
 	}
@@ -1327,6 +1332,16 @@ a.btn {
 	#nav_entries {
 		width: 100%;
 	}
+
+	.post {
+		padding-right: 15px;
+		padding-left: 15px;
+	}
+
+	#close-slider.active {
+		background: #171717;
+		box-shadow: 0 1px rgba(255,255,255,0.08)
+	}
 }
 
 @media (max-width: 700px) {
@@ -1342,8 +1357,4 @@ a.btn {
 	.nav_menu .search {
 		display: inline-block;
 	}
-
-	.aside .btn-important {
-		display: none;
-	}
 }