Settings: Display - icons table in mobile view fixed (#3792)

* fixed all themes

* fixed swage.scss

app/views/configure/display.phtml

@@ -77,62 +77,64 @@
 
 		<div class="form-group">
 			<label class="group-name"><?= _t('conf.display.icon.entry') ?></label>
-			<table>
-				<thead>
-					<tr>
-						<th> </th>
-						<th title="<?= _t('gen.action.mark_read') ?>"><?= _i('read') ?></th>
-						<th title="<?= _t('gen.action.mark_favorite') ?>"><?= _i('bookmark') ?></th>
-						<th><?= _t('conf.display.icon.related_tags') ?></th>
-						<th><?= _t('conf.display.icon.sharing') ?></th>
-						<th><?= _t('conf.display.icon.display_authors') ?></th>
-						<th><?= _t('conf.display.icon.publication_date') ?></th>
-						<th><?= _i('link') ?></th>
-					</tr>
-				</thead>
-				<tbody>
-					<tr>
-						<th><?= _t('conf.display.icon.top_line') ?></th>
-						<td><input type="checkbox" name="topline_read" value="1"<?=
-							FreshRSS_Context::$user_conf->topline_read ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_read ?>"/></td>
-						<td><input type="checkbox" name="topline_favorite" value="1"<?=
-							FreshRSS_Context::$user_conf->topline_favorite ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_favorite ?>"/></td>
-						<td><input type="checkbox" disabled="disabled" /></td>
-						<td><input type="checkbox" disabled="disabled" /></td>
-						<td><input type="checkbox" name="topline_display_authors" value="1"<?=
-							FreshRSS_Context::$user_conf->topline_display_authors ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_display_authors ?>"/></td>
-						<td><input type="checkbox" name="topline_date" value="1"<?=
-							FreshRSS_Context::$user_conf->topline_date ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_date ?>"/></td>
-						<td><input type="checkbox" name="topline_link" value="1"<?= FreshRSS_Context::$user_conf->topline_link ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_link ?>"/></td>
-					</tr><tr>
-						<th><?= _t('conf.display.icon.bottom_line') ?></th>
-						<td><input type="checkbox" name="bottomline_read" value="1"<?=
-							FreshRSS_Context::$user_conf->bottomline_read ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_read ?>"/></td>
-						<td><input type="checkbox" name="bottomline_favorite" value="1"<?=
-							FreshRSS_Context::$user_conf->bottomline_favorite ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_favorite ?>"/></td>
-						<td><input type="checkbox" name="bottomline_tags" value="1"<?=
-							FreshRSS_Context::$user_conf->bottomline_tags ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_tags ?>"/></td>
-						<td><input type="checkbox" name="bottomline_sharing" value="1"<?=
-							FreshRSS_Context::$user_conf->bottomline_sharing ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_sharing ?>"/></td>
-						<td><input type="checkbox" disabled="disabled" /></td>
-						<td><input type="checkbox" name="bottomline_date" value="1"<?=
-							FreshRSS_Context::$user_conf->bottomline_date ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_date ?>"/></td>
-						<td><input type="checkbox" name="bottomline_link" value="1"<?=
-							FreshRSS_Context::$user_conf->bottomline_link ? ' checked="checked"' : '' ?>
-							data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_link ?>"/></td>
-					</tr>
-				</tbody>
-			</table><br />
+			<div class="group-controls">
+				<table class="config-articleicons">
+					<thead>
+						<tr>
+							<th> </th>
+							<th title="<?= _t('gen.action.mark_read') ?>"><?= _i('read') ?></th>
+							<th title="<?= _t('gen.action.mark_favorite') ?>"><?= _i('bookmark') ?></th>
+							<th><?= _t('conf.display.icon.related_tags') ?></th>
+							<th><?= _t('conf.display.icon.sharing') ?></th>
+							<th><?= _t('conf.display.icon.display_authors') ?></th>
+							<th><?= _t('conf.display.icon.publication_date') ?></th>
+							<th><?= _i('link') ?></th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr>
+							<th><?= _t('conf.display.icon.top_line') ?></th>
+							<td><input type="checkbox" name="topline_read" value="1"<?=
+								FreshRSS_Context::$user_conf->topline_read ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_read ?>"/></td>
+							<td><input type="checkbox" name="topline_favorite" value="1"<?=
+								FreshRSS_Context::$user_conf->topline_favorite ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_favorite ?>"/></td>
+							<td><input type="checkbox" disabled="disabled" /></td>
+							<td><input type="checkbox" disabled="disabled" /></td>
+							<td><input type="checkbox" name="topline_display_authors" value="1"<?=
+								FreshRSS_Context::$user_conf->topline_display_authors ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_display_authors ?>"/></td>
+							<td><input type="checkbox" name="topline_date" value="1"<?=
+								FreshRSS_Context::$user_conf->topline_date ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_date ?>"/></td>
+							<td><input type="checkbox" name="topline_link" value="1"<?= FreshRSS_Context::$user_conf->topline_link ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->topline_link ?>"/></td>
+						</tr><tr>
+							<th><?= _t('conf.display.icon.bottom_line') ?></th>
+							<td><input type="checkbox" name="bottomline_read" value="1"<?=
+								FreshRSS_Context::$user_conf->bottomline_read ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_read ?>"/></td>
+							<td><input type="checkbox" name="bottomline_favorite" value="1"<?=
+								FreshRSS_Context::$user_conf->bottomline_favorite ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_favorite ?>"/></td>
+							<td><input type="checkbox" name="bottomline_tags" value="1"<?=
+								FreshRSS_Context::$user_conf->bottomline_tags ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_tags ?>"/></td>
+							<td><input type="checkbox" name="bottomline_sharing" value="1"<?=
+								FreshRSS_Context::$user_conf->bottomline_sharing ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_sharing ?>"/></td>
+							<td><input type="checkbox" disabled="disabled" /></td>
+							<td><input type="checkbox" name="bottomline_date" value="1"<?=
+								FreshRSS_Context::$user_conf->bottomline_date ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_date ?>"/></td>
+							<td><input type="checkbox" name="bottomline_link" value="1"<?=
+								FreshRSS_Context::$user_conf->bottomline_link ? ' checked="checked"' : '' ?>
+								data-leave-validation="<?= FreshRSS_Context::$user_conf->bottomline_link ?>"/></td>
+						</tr>
+					</tbody>
+				</table>
+			</div>
 		</div>
 
 		<div class="form-group">

p/themes/Alternative-Dark/adark.css

@@ -100,10 +100,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

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

@@ -100,10 +100,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Ansum/_forms.scss

@@ -143,10 +143,6 @@ input.extend {
 		line-height: 2.0em;
 	}
 
-	table {
-		margin: 10px 0 0 220px;
-	}
-
 	&.form-actions {
 		margin: 15px 0 25px;
 		padding: 5px 0;

p/themes/Ansum/ansum.css

@@ -182,9 +182,6 @@ input.extend {
 .form-group .group-controls .control {
 	line-height: 2em;
 }
-.form-group table {
-	margin: 10px 0 0 220px;
-}
 .form-group.form-actions {
 	margin: 15px 0 25px;
 	padding: 5px 0;

p/themes/Ansum/ansum.rtl.css

@@ -182,9 +182,6 @@ input.extend {
 .form-group .group-controls .control {
 	line-height: 2em;
 }
-.form-group table {
-	margin: 10px 220px 0 0;
-}
 .form-group.form-actions {
 	margin: 15px 0 25px;
 	padding: 5px 0;

p/themes/BlueLagoon/BlueLagoon.css

@@ -113,10 +113,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 button.as-link[disabled] {
 	color: #555 !important;

p/themes/BlueLagoon/BlueLagoon.rtl.css

@@ -113,10 +113,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 button.as-link[disabled] {
 	color: #555 !important;

p/themes/Dark/dark.css

@@ -123,10 +123,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 button.as-link[disabled] {
 	color: #445 !important;

p/themes/Dark/dark.rtl.css

@@ -123,10 +123,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 button.as-link[disabled] {
 	color: #445 !important;

p/themes/Flat/flat.css

@@ -141,10 +141,6 @@ form th {
 	line-height: 2.0em;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Flat/flat.rtl.css

@@ -141,10 +141,6 @@ form th {
 	line-height: 2.0em;
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Mapco/_forms.scss

@@ -143,10 +143,6 @@ input.extend {
 		line-height: 2.0em;
 	}
 
-	table {
-		margin: 10px 0 0 220px;
-	}
-
 	&.form-actions {
 		margin: 15px 0 25px;
 		padding: 5px 0;

p/themes/Mapco/mapco.css

@@ -183,9 +183,6 @@ input.extend {
 .form-group .group-controls .control {
 	line-height: 2em;
 }
-.form-group table {
-	margin: 10px 0 0 220px;
-}
 .form-group.form-actions {
 	margin: 15px 0 25px;
 	padding: 5px 0;

p/themes/Mapco/mapco.rtl.css

@@ -183,9 +183,6 @@ input.extend {
 .form-group .group-controls .control {
 	line-height: 2em;
 }
-.form-group table {
-	margin: 10px 220px 0 0;
-}
 .form-group.form-actions {
 	margin: 15px 0 25px;
 	padding: 5px 0;

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

@@ -111,10 +111,6 @@ form th {
 	padding: 8px 0;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

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

@@ -111,10 +111,6 @@ form th {
 	padding: 8px 0;
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Origine/origine.css

@@ -109,10 +109,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Origine/origine.rtl.css

@@ -109,10 +109,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Pafat/pafat.css

@@ -112,10 +112,6 @@ form th {
 
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Pafat/pafat.rtl.css

@@ -112,10 +112,6 @@ form th {
 
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;

p/themes/Screwdriver/screwdriver.css

@@ -113,10 +113,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 button.as-link[disabled] {
 	color: #555 !important;

p/themes/Screwdriver/screwdriver.rtl.css

@@ -113,10 +113,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 220px 0 0;
-}
-
 /*=== Buttons */
 button.as-link[disabled] {
 	color: #555 !important;

p/themes/Swage/swage.css

@@ -179,10 +179,6 @@ form th {
 .form-group .group-controls .control {
 	line-height: 2em;
 }
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 .stick {
 	vertical-align: middle;
 	font-size: 0;

p/themes/Swage/swage.rtl.css

@@ -179,9 +179,6 @@ form th {
 .form-group .group-controls .control {
 	line-height: 2em;
 }
-.form-group table {
-	margin: 10px 220px 0 0;
-}
 
 .stick {
 	vertical-align: middle;

p/themes/Swage/swage.scss

@@ -222,10 +222,6 @@ form {
 			line-height: 2.0em;
 		}
 	}
-
-	table {
-		margin: 10px 0 0 220px;
-	}
 }
 
 .form-group::after {

p/themes/base-theme/base.css

@@ -95,10 +95,6 @@ form th {
 	padding: 5px 0;
 }
 
-.form-group table {
-	margin: 10px 0 0 220px;
-}
-
 /*=== Buttons */
 .stick {
 	vertical-align: middle;