minor filter UI layout fix

classes/pref/filters.php

@@ -695,7 +695,7 @@ class Pref_Filters extends Handler_Protected {
 		$feed_ids = explode(",", clean($_REQUEST["ids"]));
 
 		print json_encode([
-			"multiselect" => $this->_feed_multi_select("feed_id", $feed_ids, 'required="1" style="width : 540px; height : 300px" dojoType="fox.form.ValidationMultiSelect"')
+			"multiselect" => $this->_feed_multi_select("feed_id", $feed_ids, 'required="1" style="width : 100%; height : 300px" dojoType="fox.form.ValidationMultiSelect"')
 		]);
 	}
 

js/CommonFilters.js

@@ -423,8 +423,8 @@ const	Filters = {
 						${App.FormFields.hidden_tag("method", filter_id ? "editSave" : "add")}
 						${App.FormFields.hidden_tag("csrf_token", App.getInitParam('csrf_token'))}
 
-						<section>
-							<input required="true" dojoType="dijit.form.ValidationTextBox" style="width : 530px"
+						<section class="horizontal">
+							<input required="true" dojoType="dijit.form.ValidationTextBox" style="width : 100%"
 								placeholder="${__("Title")}" name="title" value="${App.escapeHtml(filter.title)}">
 						</section>
 
@@ -496,9 +496,7 @@ const	Filters = {
 							</div>
 						</div>
 
-						<br/>
-
-						<section class="narrow">
+						<section class="horizontal">
 							${Object.keys(options).map((name) =>
 								`
 								<fieldset class='narrow'>

themes/compact.css

@@ -456,6 +456,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
   margin: 10px 20px;
 }
 body.ttrss_main .dijitDialog header.horizontal + section,
+body.ttrss_main .dijitDialog section.horizontal,
 body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
   margin: 10px 0;
 }

themes/compact_night.css

@@ -456,6 +456,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
   margin: 10px 20px;
 }
 body.ttrss_main .dijitDialog header.horizontal + section,
+body.ttrss_main .dijitDialog section.horizontal,
 body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
   margin: 10px 0;
 }

themes/light.css

@@ -456,6 +456,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
   margin: 10px 20px;
 }
 body.ttrss_main .dijitDialog header.horizontal + section,
+body.ttrss_main .dijitDialog section.horizontal,
 body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
   margin: 10px 0;
 }

themes/light/tt-rss.less

@@ -530,6 +530,7 @@ body.ttrss_main {
 		}
 
 		header.horizontal + section,
+		section.horizontal,
 		.dlgSecHoriz + .dlgSecCont {
 			margin : 10px 0;
 		}

themes/night.css

@@ -457,6 +457,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
   margin: 10px 20px;
 }
 body.ttrss_main .dijitDialog header.horizontal + section,
+body.ttrss_main .dijitDialog section.horizontal,
 body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
   margin: 10px 0;
 }

themes/night_blue.css

@@ -457,6 +457,7 @@ body.ttrss_main .dijitDialog .dlgSecCont {
   margin: 10px 20px;
 }
 body.ttrss_main .dijitDialog header.horizontal + section,
+body.ttrss_main .dijitDialog section.horizontal,
 body.ttrss_main .dijitDialog .dlgSecHoriz + .dlgSecCont {
   margin: 10px 0;
 }