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, 4 deletions

diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 2cbc539dc..c798fc1cb 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -106,7 +106,7 @@ form th {
 }
 
 .form-group .group-controls {
-	margin: 10px 0 10px 220px;
+	margin-bottom: 10px;
 	padding: 5px 0;
 	min-height: 25px;
 
@@ -1105,11 +1105,24 @@ a.btn {
 /*===========*/
 
 @media (max-width: 840px) {
+	.form-group .group-name {
+		padding-bottom: 0;
+		text-align: left;
+	}
+
+	.box .box-title .configure,
+	.box .box-content .item .configure {
+		visibility: visible;
+	}
+
 	.aside {
-		box-shadow: 3px 0 3px #aaa;
 		transition: width 200ms linear;
 	}
 
+	.aside:target {
+		box-shadow: 3px 0 3px #aaa;
+	}
+
 	.aside .toggle_aside,
 	#panel .close {
 		background: #f6f6f6;
@@ -1173,4 +1186,9 @@ a.btn {
 	.notification a.close .icon {
 		display: none;
 	}
+
+	.post {
+		padding-left: 15px;
+		padding-right: 15px;
+	}
 }
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 07e72159c..a7f4bb3d8 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -106,7 +106,7 @@ form th {
 }
 
 .form-group .group-controls {
-	margin: 10px 220px 10px 0;
+	margin-bottom: 10px;
 	padding: 5px 0;
 	min-height: 25px;
 
@@ -1105,11 +1105,24 @@ a.btn {
 /*===========*/
 
 @media (max-width: 840px) {
+	.form-group .group-name {
+		padding-bottom: 0;
+		text-align: right;
+	}
+
+	.box .box-title .configure,
+	.box .box-content .item .configure {
+		visibility: visible;
+	}
+
 	.aside {
-		box-shadow: -3px 0 3px #aaa;
 		transition: width 200ms linear;
 	}
 
+	.aside:target {
+		box-shadow: -3px 0 3px #aaa;
+	}
+
 	.aside .toggle_aside,
 	#panel .close {
 		background: #f6f6f6;
@@ -1173,4 +1186,9 @@ a.btn {
 	.notification a.close .icon {
 		display: none;
 	}
+
+	.post {
+		padding-right: 15px;
+		padding-left: 15px;
+	}
 }