Themes: .btn padding + small adjustments (#7168)

Closes https://github.com/FreshRSS/FreshRSS/issues/6262

Changes proposed in this pull request:

- CSS: the search button was too big/not flexible enough for the height because of the padding


How to test the feature manually:

1. browser configuration: change the default font size from (`16`pt mostly) to `15` or `14`
2. go to subscription management -> `Subscription tools`
3. there should be no scroll bar (because the left hand side navigation is short and the content right hand side is short too)

Side effect: All buttons will be a bit smaller as before (because `px` -> `rem`) It should not be an issue at all

p/themes/Alternative-Dark/adark.css

@@ -209,7 +209,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background: var(--background-color-dark);
 	color: var(--font-color-middle);
 	font-size: 0.9rem;

p/themes/Alternative-Dark/adark.rtl.css

@@ -209,7 +209,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background: var(--background-color-dark);
 	color: var(--font-color-middle);
 	font-size: 0.9rem;

p/themes/Flat/flat.css

@@ -47,7 +47,7 @@ input, select, textarea {
 	border-left-color: #ddd;
 	border-radius: 5px;
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 1;
 	vertical-align: middle;
 }
 
@@ -174,7 +174,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background: #3498db;
 	color: #fff;
 	font-size: 0.9rem;

p/themes/Flat/flat.rtl.css

@@ -47,7 +47,7 @@ input, select, textarea {
 	border-right-color: #ddd;
 	border-radius: 5px;
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 1;
 	vertical-align: middle;
 }
 
@@ -174,7 +174,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background: #3498db;
 	color: #fff;
 	font-size: 0.9rem;

p/themes/Nord/nord.css

@@ -131,7 +131,7 @@ input, select, textarea {
 	border-radius: 6px;
 	background-color: transparent;
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 1;
 	vertical-align: middle;
 }
 
@@ -207,7 +207,7 @@ table th, table td {
 /*=== Buttons */
 .btn {
 	margin: .3rem .6rem 0.3rem 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background: var(--accent-bg);
 	color: var(--accent);
 	font-size: 0.9rem;
@@ -985,7 +985,6 @@ li.item.active {
 	text-align: center;
 }
 
-.header .configure .btn.dropdown-toggle,
 .nav_menu .btn {
 	margin: .125rem;
 }

p/themes/Nord/nord.rtl.css

@@ -131,7 +131,7 @@ input, select, textarea {
 	border-radius: 6px;
 	background-color: transparent;
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 1;
 	vertical-align: middle;
 }
 
@@ -207,7 +207,7 @@ table th, table td {
 /*=== Buttons */
 .btn {
 	margin: .3rem 0 0.3rem .6rem;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background: var(--accent-bg);
 	color: var(--accent);
 	font-size: 0.9rem;
@@ -985,7 +985,6 @@ li.item.active {
 	text-align: center;
 }
 
-.header .configure .btn.dropdown-toggle,
 .nav_menu .btn {
 	margin: .125rem;
 }

p/themes/Origine-compact/origine-compact.css

@@ -21,7 +21,7 @@
 /*=== Buttons */
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	min-height: 20px;
 	line-height: 1.4;
 }

p/themes/Origine-compact/origine-compact.rtl.css

@@ -21,7 +21,7 @@
 /*=== Buttons */
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	min-height: 20px;
 	line-height: 1.4;
 }

p/themes/Origine/origine.css

@@ -270,7 +270,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background-image: linear-gradient(to bottom, var(--background-color-light-gradient1) 0%, var(--background-color-light-gradient2) 100%);
 	color: var(--font-color-grey);
 	font-size: 0.9rem;

p/themes/Origine/origine.rtl.css

@@ -270,7 +270,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background-image: linear-gradient(to bottom, var(--background-color-light-gradient1) 0%, var(--background-color-light-gradient2) 100%);
 	color: var(--font-color-grey);
 	font-size: 0.9rem;

p/themes/Swage/swage.css

@@ -205,7 +205,7 @@ form th {
 }
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background-color: var(--color-background-nav);
 	color: var(--color-text-light);
 	font-size: 0.9rem;

p/themes/Swage/swage.rtl.css

@@ -205,7 +205,7 @@ form th {
 }
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background-color: var(--color-background-nav);
 	color: var(--color-text-light);
 	font-size: 0.9rem;

p/themes/Swage/swage.scss

@@ -266,7 +266,7 @@ form {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	background-color: var(--color-background-nav);
 	color: var(--color-text-light);
 	font-size: 0.9rem;

p/themes/base-theme/base.css

@@ -125,7 +125,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	min-height: 25px;
 	min-width: 15px;
 	font-size: 0.9rem;

p/themes/base-theme/base.rtl.css

@@ -125,7 +125,7 @@ th {
 
 .btn {
 	margin: 0;
-	padding: 5px 10px;
+	padding: 0.25rem 0.5rem;
 	min-height: 25px;
 	min-width: 15px;
 	font-size: 0.9rem;