From 7610533db000913c106e192c94e1ad251e01486d Mon Sep 17 00:00:00 2001
From: Extarys <hypewolf@protonmail.com>
Date: Sun, 24 Jan 2021 16:07:24 -0500
Subject: [PATCH 1/3] initial formating

---
 view/theme/frio/templates/common_tabs.tpl | 31 ++++++++++++++---------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/view/theme/frio/templates/common_tabs.tpl b/view/theme/frio/templates/common_tabs.tpl
index 27ae11686b..1b137450c9 100644
--- a/view/theme/frio/templates/common_tabs.tpl
+++ b/view/theme/frio/templates/common_tabs.tpl
@@ -1,13 +1,14 @@
-
 <div class="tabbar-wrapper">
 	{{* Tab navigation bar for tablets and computer *}}
 	<ul role="menubar" class="tabbar list-inline visible-lg visible-md visible-sm hidden-xs">
 		{{* The normal tabbar *}}
 		<li>
-			<ul class="tabs flex-nav" role="menu" >
-			{{foreach $tabs as $tab}}
-				<li id="{{$tab.id}}" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem" href="{{$tab.url}}" {{if $tab.accesskey}}accesskey="{{$tab.accesskey}}"{{/if}} {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
-			{{/foreach}}
+			<ul class="tabs flex-nav" role="menu">
+				{{foreach $tabs as $tab}}
+					<li id="{{$tab.id}}" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem"
+							href="{{$tab.url}}" {{if $tab.accesskey}}accesskey="{{$tab.accesskey}}" {{/if}}
+							{{if $tab.title}} title="{{$tab.title}}" {{/if}}>{{$tab.label}}</a></li>
+				{{/foreach}}
 			</ul>
 		</li>
 
@@ -16,11 +17,12 @@
 		<li class="pull-right">
 			<ul class="tabs tabs-extended" role="menu">
 				<li role="presentation" class="dropdown flex-target">
-					<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools" data-toggle="dropdown" aria-expanded="false">
+					<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools" data-toggle="dropdown"
+						aria-expanded="false">
 						<i class="fa fa-chevron-down" aria-hidden="true"></i>
 					</button>
 				</li>
-			 </ul>
+			</ul>
 		</li>
 	</ul>
 
@@ -31,9 +33,11 @@
 			<ul class="tabs" role="menu">
 				{{foreach $tabs as $tab}}
 					{{if $tab.sel}}
-					<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
+						<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a
+								role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"
+								{{/if}}>{{$tab.label}}</a></li>
 					{{else}}
-					{{$exttabs[]=$tab}}
+						{{$exttabs[]=$tab}}
 					{{/if}}
 				{{/foreach}}
 			</ul>
@@ -43,16 +47,19 @@
 		<li class="pull-right">
 			<ul class="tabs tabs-extended">
 				<li class="dropdown">
-					<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools-xs" data-toggle="dropdown" aria-expanded="false">
+					<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools-xs"
+						data-toggle="dropdown" aria-expanded="false">
 						<i class="fa fa-chevron-down" aria-hidden="true"></i>
 					</button>
 					<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenuTools">
 						{{foreach $exttabs as $tab}}
-						<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"{{/if}}>{{$tab.label}}</a></li>
+							<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a
+									role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"
+									{{/if}}>{{$tab.label}}</a></li>
 						{{/foreach}}
 					</ul>
 				</li>
 			</ul>
 		</li>
 	</ul>
-</div>
+</div>
\ No newline at end of file

From e09bc681ffe9ab7f79e4eb84e3738dca456f7925 Mon Sep 17 00:00:00 2001
From: Extarys <hypewolf@protonmail.com>
Date: Sun, 24 Jan 2021 16:19:52 -0500
Subject: [PATCH 2/3] frio: mobile: move navtab arrow closer

---
 view/theme/frio/css/style.css             | 6 ++++++
 view/theme/frio/templates/common_tabs.tpl | 4 ++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/view/theme/frio/css/style.css b/view/theme/frio/css/style.css
index dedad0d236..05fcd922e1 100644
--- a/view/theme/frio/css/style.css
+++ b/view/theme/frio/css/style.css
@@ -2189,6 +2189,12 @@ ul.tabs li:hover,
 ul.tabs li.active {
 	border-bottom-width: 4px;
 }
+.tabbar.visible-xs .tabs-extended {
+	padding-top: 0;
+}
+#dropdownMenuTools-xs {
+	padding: 9px 10px;
+}
 ul.tabbar ul.tabs-extended:hover li.dropdown {
 	border-bottom: 0;
 }
diff --git a/view/theme/frio/templates/common_tabs.tpl b/view/theme/frio/templates/common_tabs.tpl
index 1b137450c9..9b71cebead 100644
--- a/view/theme/frio/templates/common_tabs.tpl
+++ b/view/theme/frio/templates/common_tabs.tpl
@@ -44,14 +44,14 @@
 		</li>
 
 		{{* All others are moved to this dropdown menu *}}
-		<li class="pull-right">
+		<li>
 			<ul class="tabs tabs-extended">
 				<li class="dropdown">
 					<button type="button" class="btn-link dropdown-toggle" id="dropdownMenuTools-xs"
 						data-toggle="dropdown" aria-expanded="false">
 						<i class="fa fa-chevron-down" aria-hidden="true"></i>
 					</button>
-					<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dropdownMenuTools">
+					<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuTools">
 						{{foreach $exttabs as $tab}}
 							<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a
 									role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"

From e06e72f26b3fa75b84b48820fc6e0d13ed4547e4 Mon Sep 17 00:00:00 2001
From: Extarys <hypewolf@protonmail.com>
Date: Sun, 24 Jan 2021 17:28:58 -0500
Subject: [PATCH 3/3] fix line width - i hate vscode

---
 view/theme/frio/templates/common_tabs.tpl | 27 ++++++++++++++---------
 1 file changed, 17 insertions(+), 10 deletions(-)

diff --git a/view/theme/frio/templates/common_tabs.tpl b/view/theme/frio/templates/common_tabs.tpl
index 9b71cebead..0f95d1a549 100644
--- a/view/theme/frio/templates/common_tabs.tpl
+++ b/view/theme/frio/templates/common_tabs.tpl
@@ -5,9 +5,12 @@
 		<li>
 			<ul class="tabs flex-nav" role="menu">
 				{{foreach $tabs as $tab}}
-					<li id="{{$tab.id}}" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a role="menuitem"
-							href="{{$tab.url}}" {{if $tab.accesskey}}accesskey="{{$tab.accesskey}}" {{/if}}
-							{{if $tab.title}} title="{{$tab.title}}" {{/if}}>{{$tab.label}}</a></li>
+					<li id="{{$tab.id}}" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}>
+						<a role="menuitem" href="{{$tab.url}}" {{if $tab.accesskey}}accesskey="{{$tab.accesskey}}" {{/if}}
+							{{if $tab.title}} title="{{$tab.title}}" {{/if}}>
+							{{$tab.label}}
+						</a>
+					</li>
 				{{/foreach}}
 			</ul>
 		</li>
@@ -33,9 +36,11 @@
 			<ul class="tabs" role="menu">
 				{{foreach $tabs as $tab}}
 					{{if $tab.sel}}
-						<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a
-								role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"
-								{{/if}}>{{$tab.label}}</a></li>
+						<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}>
+							<a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}" {{/if}}>
+								{{$tab.label}}
+							</a>
+						</li>
 					{{else}}
 						{{$exttabs[]=$tab}}
 					{{/if}}
@@ -53,13 +58,15 @@
 					</button>
 					<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenuTools">
 						{{foreach $exttabs as $tab}}
-							<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}><a
-									role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}"
-									{{/if}}>{{$tab.label}}</a></li>
+							<li id="{{$tab.id}}-xs" role="presentation" {{if $tab.sel}} class="{{$tab.sel}}" {{/if}}>
+								<a role="menuitem" href="{{$tab.url}}" {{if $tab.title}} title="{{$tab.title}}" {{/if}}>
+									{{$tab.label}}
+								</a>
+							</li>
 						{{/foreach}}
 					</ul>
 				</li>
 			</ul>
 		</li>
 	</ul>
-</div>
\ No newline at end of file
+</div>