fixing classes

24 files changed, 73 insertions, 93 deletions

diff --git a/view/css/bootstrap-red.css b/view/css/bootstrap-red.css
index 1369ea5c8..4f855ce39 100644
--- a/view/css/bootstrap-red.css
+++ b/view/css/bootstrap-red.css
@@ -10,6 +10,10 @@ nav .badge {
 
 }
 
+.nav-item.nav-item-hack {
+	height: 1.9rem;
+}
+
 #navbar-collapse-1 i {
 	font-size: 1rem;
 }
@@ -17,11 +21,6 @@ nav .badge {
 /* nav overrides end */
 
 
-aside .nav-pills > li > a,
-.response-list .nav-pills > li > a {
-	padding: 6px 10px;
-}
-
 nav .dropdown-menu {
 	max-height: 70vh;
 	overflow: auto;
diff --git a/view/css/widgets.css b/view/css/widgets.css
index 9b97d8bf7..8fb4ab377 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -20,34 +20,15 @@
 
 .widget-nav-pills-icons {
 	opacity: 0;
-	padding: 6px 10px;
 	float: right;
-	position: relative;
-	z-index:1;
 }
 
-
 .widget-nav-pills-checkbox {
-	padding: 6px 10px;
+	padding: 0.6rem 1.4rem;
 	float: right;
-	position: relative;
-	z-index:1;
 	cursor: pointer;
 }
 
-i.widget-nav-pills-icons,
-i.widget-nav-pills-checkbox {
-	margin-top: 2px;
-}
-
-.widget-nav-pills-icons:hover + a {
-	background-color: #eee;
-}
-
-.widget-nav-pills-checkbox:hover + a {
-	background-color: #eee;
-}
-
 li:hover .widget-nav-pills-icons {
 	opacity: 1;
 }
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 7250ff961..33dcfedc9 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -1169,9 +1169,15 @@ margin-right: 50px;
 }
 
 .generic-icons {
-	font-size: 1.2em;
+	font-size: 1rem;
 	color: $toolicon_colour;
-	margin-right: 7px;
+	margin-right: 0.5rem;
+}
+
+.generic-icons-right {
+	font-size: 1rem;
+	color: $toolicon_colour;
+	margin-left: 0.5rem;
 }
 
 .generic-icons:hover {
@@ -1476,6 +1482,11 @@ img.mail-conv-sender-photo {
 	color: $toolicon_colour;
 }
 
+.widget .nav-item:hover {
+	background-color: #eee;
+	border-radius: $radiuspx;
+}
+
 #note-text {
 	border: 1px solid #ccc;
 	border-radius: $radiuspx;
@@ -2063,17 +2074,6 @@ dl.bb-dl > dd > li {
 	border-left: 3px solid #eee;
 }
 
-.nav-pills-stacked-icons {
-	padding: 6px 10px;
-	float: right;
-	position: relative;
-	z-index:1;
-}
-
-.nav-pills-stacked-icons:hover + a {
-	background-color: #eee;
-}
-
 .app-icon {
 	font-size: 80px;
 	color: $toolicon_colour;
diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php
index 85b495792..43a973da1 100644
--- a/view/theme/redbasic/php/style.php
+++ b/view/theme/redbasic/php/style.php
@@ -102,7 +102,7 @@ if (! $nav_icon_colour)
 if (! $nav_active_icon_colour)
 	$nav_active_icon_colour = "#fff";
 if (! $link_colour)
-	$link_colour = "#337AB7";
+	$link_colour = "#0275d8";
 if (! $banner_colour)
 	$banner_colour = "#fff";
 if (! $bgcolour)
diff --git a/view/tpl/abook_edit.tpl b/view/tpl/abook_edit.tpl
index 76d52f699..be9fcc2a3 100755
--- a/view/tpl/abook_edit.tpl
+++ b/view/tpl/abook_edit.tpl
@@ -4,7 +4,7 @@
 		<div class="pull-right">
 			<div class="btn-group">
 				<button id="connection-dropdown" class="btn btn-outline-secondary btn-sm dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-					<i class="fa fa-caret-down"></i>&nbsp;{{$tools_label}}
+					<i class="fa fa-cog"></i>&nbsp;{{$tools_label}}
 				</button>
 				<ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
 					<li><a  href="{{$tools.view.url}}" title="{{$tools.view.title}}">{{$tools.view.label}}</a></li>
diff --git a/view/tpl/conv_item.tpl b/view/tpl/conv_item.tpl
index c5e3f2ab6..dde24997d 100755
--- a/view/tpl/conv_item.tpl
+++ b/view/tpl/conv_item.tpl
@@ -139,7 +139,7 @@
 							</div>
 							{{/if}}
 							<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" id="wall-item-menu-{{$item.id}}">
-								<i class="fa fa-caret-down"></i>
+								<i class="fa fa-cog"></i>
 							</button>
 							<ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="wall-item-menu-{{$item.id}}">
 								{{if $item.share}}
diff --git a/view/tpl/conv_list.tpl b/view/tpl/conv_list.tpl
index 51b0c41fa..d7b4a8ff4 100755
--- a/view/tpl/conv_list.tpl
+++ b/view/tpl/conv_list.tpl
@@ -113,7 +113,7 @@
 						{{/if}}
 
 						<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" id="wall-item-menu-{{$item.id}}">
-							<i class="fa fa-caret-down"></i>
+							<i class="fa fa-cog"></i>
 						</button>
 						<ul class="dropdown-menu" role="menu" aria-labelledby="wall-item-menu-{{$item.id}}">
 							{{if $item.share}}
diff --git a/view/tpl/events-js.tpl b/view/tpl/events-js.tpl
index f70027144..936b10970 100755
--- a/view/tpl/events-js.tpl
+++ b/view/tpl/events-js.tpl
@@ -2,7 +2,7 @@
 	<div class="section-title-wrapper">
 		<div class="pull-right">
 			<div class="dropdown">
-				<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-caret-down"></i>&nbsp;{{$view_label}}</button>
+				<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown"><i class="fa fa-cog"></i>&nbsp;{{$view_label}}</button>
 				<ul class="dropdown-menu">
 					<li><a href="#" onclick="changeView('changeView', 'month'); return false;">{{$month}}</a></li>
 					<li><a href="#" onclick="changeView('changeView', 'agendaWeek'); return false;">{{$week}}</a></li>
diff --git a/view/tpl/generic_links_widget.tpl b/view/tpl/generic_links_widget.tpl
index d7c234a84..67801e666 100755
--- a/view/tpl/generic_links_widget.tpl
+++ b/view/tpl/generic_links_widget.tpl
@@ -2,9 +2,9 @@
 	{{if $title}}<h3>{{$title}}</h3>{{/if}}
 	{{if $desc}}<div class="desc">{{$desc}}</div>{{/if}}
 	
-	<ul class="nav nav-pills nav-stacked">
+	<ul class="nav nav-pills flex-column">
 		{{foreach $items as $item}}
-		<li><a href="{{$item.url}}" class="{{if $item.selected}}active{{/if}}">{{$item.label}}</a></li>
+		<li class="nav-item"><a href="{{$item.url}}" class="nav-link{{if $item.selected}} active{{/if}}">{{$item.label}}</a></li>
 		{{/foreach}}
 	</ul>
 	
diff --git a/view/tpl/group_side.tpl b/view/tpl/group_side.tpl
index 35f79a07e..14f714ae9 100755
--- a/view/tpl/group_side.tpl
+++ b/view/tpl/group_side.tpl
@@ -1,20 +1,20 @@
 <div class="widget" id="group-sidebar">
 	<h3>{{$title}}</h3>
 	<div>
-		<ul class="nav nav-pills nav-stacked">
+		<ul class="nav nav-pills flex-column">
 			{{foreach $groups as $group}}
-			<li>
+			<li class="nav-item nav-item-hack">
 				{{if $group.cid}}
-				<i id="group-{{$group.id}}" class="widget-nav-pills-checkbox fa {{if $group.ismember}}fa-check-square-o{{else}}fa-square-o{{/if}}" onclick="contactgroupChangeMember('{{$group.id}}','{{$group.enc_cid}}'); return true;"></i>
+				<i id="group-{{$group.id}}" class="widget-nav-pills-checkbox fa fa-fw {{if $group.ismember}}fa-check-square-o{{else}}fa-square-o{{/if}}" onclick="contactgroupChangeMember('{{$group.id}}','{{$group.enc_cid}}'); return true;"></i>
 				{{/if}}
 				{{if $group.edit}}
-				<a href="{{$group.edit.href}}" class="widget-nav-pills-icons" title="{{$edittext}}"><i class="fa fa-pencil"></i></a>
+				<a href="{{$group.edit.href}}" class="nav-link{{if $group.selected}} active{{/if}} widget-nav-pills-icons" title="{{$edittext}}"><i class="fa fa-fw fa-pencil"></i></a>
 				{{/if}}
-				<a{{if $group.selected}} class="group-selected"{{/if}} href="{{$group.href}}">{{$group.text}}</a>
+				<a class="nav-link{{if $group.selected}} active{{/if}}" href="{{$group.href}}">{{$group.text}}</a>
 			</li>
 			{{/foreach}}
-			<li>
-				<a href="group/new" title="{{$createtext}}" ><i class="fa fa-plus-circle"></i> {{$createtext}}</a>
+			<li class="nav-item">
+				<a class="nav-link" href="group/new" title="{{$createtext}}" ><i class="fa fa-plus-circle"></i> {{$createtext}}</a>
 			</li>
 		</ul>
 
diff --git a/view/tpl/help.tpl b/view/tpl/help.tpl
index 10e0a4957..61c2b44b2 100644
--- a/view/tpl/help.tpl
+++ b/view/tpl/help.tpl
@@ -22,9 +22,9 @@
 	
 	function docoTocToggle() {
 		if($('#doco-top-toc').is(':visible')) {
-			$('#doco-toc-toggle').removeClass('fa-caret-down').addClass('fa-caret-right');
+			$('#doco-toc-toggle').removeClass('fa-cog').addClass('fa-caret-right');
 		} else {
-			$('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-caret-down');
+			$('#doco-toc-toggle').removeClass('fa-caret-right').addClass('fa-cog');
 		}
 		$('#doco-top-toc').toggle();
 		
diff --git a/view/tpl/jot.tpl b/view/tpl/jot.tpl
index d26e5ff86..5b64867aa 100755
--- a/view/tpl/jot.tpl
+++ b/view/tpl/jot.tpl
@@ -128,7 +128,7 @@
 				{{if $writefiles || $weblink || $setloc || $clearloc || $feature_expire || $feature_encrypt || $feature_voting}}
 				<div class="btn-group visible-xs visible-sm">
 					<button type="button" id="more-tools" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-						<i id="more-tools-icon" class="fa fa-caret-down jot-icons"></i>
+						<i id="more-tools-icon" class="fa fa-cog jot-icons"></i>
 					</button>
 					<ul class="dropdown-menu" role="menu">
 						{{if $visitor}}
diff --git a/view/tpl/mail_conv.tpl b/view/tpl/mail_conv.tpl
index a0904ea6c..ad13ba96d 100755
--- a/view/tpl/mail_conv.tpl
+++ b/view/tpl/mail_conv.tpl
@@ -21,7 +21,7 @@
 		{{/if}}
 		<div class="pull-right dropdown">
 			<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" id="mail-item-menu-{{$mail.id}}">
-				<i class="fa fa-caret-down"></i>
+				<i class="fa fa-cog"></i>
 			</button>
 			<ul class="dropdown-menu" role="menu" aria-labelledby="mail-item-menu-{{$mail.id}}">
 				{{if $mail.can_recall}}
diff --git a/view/tpl/mail_head.tpl b/view/tpl/mail_head.tpl
index d52fa40e0..aac592a5f 100755
--- a/view/tpl/mail_head.tpl
+++ b/view/tpl/mail_head.tpl
@@ -1,6 +1,6 @@
 <div class="widget">
 	<h3>{{$header}}</h3>
-	<ul class="nav nav-pills nav-stacked">
+	<ul class="nav nav-pills flex-column">
 	{{foreach $messages as $message}}
 		{{include file="mail_list.tpl"}}
 	{{/foreach}}
diff --git a/view/tpl/mail_list.tpl b/view/tpl/mail_list.tpl
index fc9b5afa8..827c7628f 100755
--- a/view/tpl/mail_list.tpl
+++ b/view/tpl/mail_list.tpl
@@ -1,5 +1,5 @@
-<li>
-	<a href="mail/{{$message.mailbox}}/{{$message.id}}" class="{{if $message.selected}}active{{/if}}">
+<li class="nav-item">
+	<a href="mail/{{$message.mailbox}}/{{$message.id}}" class="nav-link{{if $message.selected}} active{{/if}}">
 		<span class="{{if $message.seen}}seen{{else}}unseen{{/if}}">{{$message.subject}}</span><br>
 		<span class="conv-participants">{{$message.from_name}} > {{$message.to_name}}</span><br>
 		<span class="wall-item-ago autotime" title="{{$message.date}}">{{$message.date}}</span>
diff --git a/view/tpl/message_side.tpl b/view/tpl/message_side.tpl
index 6ea63c21e..2ac61bf76 100755
--- a/view/tpl/message_side.tpl
+++ b/view/tpl/message_side.tpl
@@ -1,9 +1,9 @@
 <div class="widget">
 	<h3>{{$title}}</h3>
-	<ul class="nav nav-pills nav-stacked">
-		<li><a href="{{$combined.url}}"{{if $combined.sel}} class="active"{{/if}}>{{$combined.label}}</a></li>
-		<li><a href="{{$inbox.url}}"{{if $inbox.sel}} class="active"{{/if}}>{{$inbox.label}}</a></li>
-		<li><a href="{{$outbox.url}}"{{if $outbox.sel}} class="active"{{/if}}>{{$outbox.label}}</a></li>
-		<li><a href="{{$new.url}}"{{if $new.sel}} class="active"{{/if}}>{{$new.label}}</a></li>
+	<ul class="nav nav-pills flex-column">
+		<li class="nav-item"><a href="{{$combined.url}}" class="nav-link{{if $combined.sel}} active{{/if}}">{{$combined.label}}</a></li>
+		<li class="nav-item"><a href="{{$inbox.url}}" class="nav-link{{if $inbox.sel}} active{{/if}}">{{$inbox.label}}</a></li>
+		<li class="nav-item"><a href="{{$outbox.url}}" class="nav-link{{if $outbox.sel}} active{{/if}}">{{$outbox.label}}</a></li>
+		<li class="nav-item"><a href="{{$new.url}}" class="nav-link{{if $new.sel}} active{{/if}}">{{$new.label}}</a></li>
 	</ul>
 </div>
diff --git a/view/tpl/nav.tpl b/view/tpl/nav.tpl
index 8d2feb616..ae12271b9 100755
--- a/view/tpl/nav.tpl
+++ b/view/tpl/nav.tpl
@@ -75,7 +75,7 @@
 	{{/if}}
 </div>
 {{/if}}
-<div class="collapse navbar-collapse " id="navbar-collapse-1">
+<div class="collapse navbar-collapse" id="navbar-collapse-1">
 	<ul class="navbar-nav mr-auto">
 		{{if $nav.network}}
 		<li class="nav-item dropdown net-button" style="display: none;">
@@ -154,21 +154,21 @@
 			</div>
 		</li>
 		{{/if}}
-			{{if $nav.login && !$userinfo}}
-			<li class="nav-item">
-				<a class="nav-link" href="#" title="{{$nav.loginmenu.1.3}}" id="{{$nav.loginmenu.1.4}}" data-toggle="modal" data-target="#nav-login">{{$nav.loginmenu.1.1}}</a>
-			</li>
-			{{/if}}
-			{{if $nav.register}}
-			<li class="nav-item {{$nav.register.2}} hidden-xs-down">
-				<a class="nav-link" href="{{$nav.register.0}}" title="{{$nav.register.3}}" id="{{$nav.register.4}}">{{$nav.register.1}}</a>
-			</li>
-			{{/if}}
-			{{if $nav.alogout}}
-			<li class="nav-item {{$nav}}-alogout.2 hidden-xs-down">
-				<a class="nav-link" href="{{$nav.alogout.0}}" title="{{$nav.alogout.3}}" id="{{$nav.alogout.4}}">{{$nav.alogout.1}}</a>
-			</li>
-			{{/if}}
+		{{if $nav.login && !$userinfo}}
+		<li class="nav-item">
+			<a class="nav-link" href="#" title="{{$nav.loginmenu.1.3}}" id="{{$nav.loginmenu.1.4}}" data-toggle="modal" data-target="#nav-login">{{$nav.loginmenu.1.1}}</a>
+		</li>
+		{{/if}}
+		{{if $nav.register}}
+		<li class="nav-item {{$nav.register.2}} hidden-xs-down">
+			<a class="nav-link" href="{{$nav.register.0}}" title="{{$nav.register.3}}" id="{{$nav.register.4}}">{{$nav.register.1}}</a>
+		</li>
+		{{/if}}
+		{{if $nav.alogout}}
+		<li class="nav-item {{$nav}}-alogout.2 hidden-xs-down">
+			<a class="nav-link" href="{{$nav.alogout.0}}" title="{{$nav.alogout.3}}" id="{{$nav.alogout.4}}">{{$nav.alogout.1}}</a>
+		</li>
+		{{/if}}
 	</ul>
 
 	<!--div class="navbar-text hidden-lg-down">Hubzilla</div-->
diff --git a/view/tpl/peoplefind.tpl b/view/tpl/peoplefind.tpl
index 10d99913a..f412533b5 100755
--- a/view/tpl/peoplefind.tpl
+++ b/view/tpl/peoplefind.tpl
@@ -8,10 +8,10 @@
 			</div>
 		</div>
 	</form>
-	<ul class="nav nav-pills nav-stacked">
-		{{if $similar}}<li><a href="match" >{{$similar}}</a></li>{{/if}}
-		{{if $loggedin}}<li><a href="directory?suggest=1" >{{$suggest}}</a></li>{{/if}}
-		<li><a href="randprof" >{{$random}}</a></li>
-		{{if $loggedin}}{{if $inv}}<li><a href="invite" >{{$inv}}</a></li>{{/if}}{{/if}}
+	<ul class="nav nav-pills flex-column">
+		{{if $similar}}<li class="nav-item"><a class="nav-link" href="match" >{{$similar}}</a></li>{{/if}}
+		{{if $loggedin}}<li class="nav-item"><a class="nav-link" href="directory?suggest=1" >{{$suggest}}</a></li>{{/if}}
+		<li class="nav-item"><a class="nav-link" href="randprof" >{{$random}}</a></li>
+		{{if $loggedin}}{{if $inv}}<li class="nav-item"><a class="nav-link" href="invite" >{{$inv}}</a></li>{{/if}}{{/if}}
 	</ul>
 </div>
diff --git a/view/tpl/photo_view.tpl b/view/tpl/photo_view.tpl
index a5c1ec119..ed726d027 100755
--- a/view/tpl/photo_view.tpl
+++ b/view/tpl/photo_view.tpl
@@ -5,7 +5,7 @@
 			{{if $tools || $map || $edit}}
 			<div class="btn-group">
 				<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown">
-					<i class="fa fa-caret-down"></i>&nbsp;{{$tools_label}}
+					<i class="fa fa-cog"></i>&nbsp;{{$tools_label}}
 				</button>
 				<ul class="dropdown-menu dropdown-menu-right">
 					{{if $tools}}
diff --git a/view/tpl/posted_date_widget.tpl b/view/tpl/posted_date_widget.tpl
index 6f6363a8c..3ad58cc28 100755
--- a/view/tpl/posted_date_widget.tpl
+++ b/view/tpl/posted_date_widget.tpl
@@ -3,12 +3,12 @@
 function toggle_posted_date_button() {
 	if($('#posted-date-dropdown').is(':visible')) {
 		$('#posted-date-icon').removeClass('fa-caret-up');
-		$('#posted-date-icon').addClass('fa-caret-down');
+		$('#posted-date-icon').addClass('fa-cog');
 		$('#posted-date-dropdown').hide();
 	}
 	else {
 		$('#posted-date-icon').addClass('fa-caret-up');
-		$('#posted-date-icon').removeClass('fa-caret-down');
+		$('#posted-date-icon').removeClass('fa-cog');
 		$('#posted-date-dropdown').show();
 	}
 }
@@ -40,7 +40,7 @@ function toggle_posted_date_button() {
 		{{/foreach}}
 		{{if $cutoff}}
 		</div>
-		<button class="btn btn-outline-secondary btn-sm" onclick="toggle_posted_date_button(); return false;"><i id="posted-date-icon" class="fa fa-caret-down"></i></button>
+		<button class="btn btn-outline-secondary btn-sm" onclick="toggle_posted_date_button(); return false;"><i id="posted-date-icon" class="fa fa-cog"></i></button>
 		{{/if}}
 	</ul>
 </div>
diff --git a/view/tpl/profile_edit.tpl b/view/tpl/profile_edit.tpl
index 9c16b734f..28510d0a1 100755
--- a/view/tpl/profile_edit.tpl
+++ b/view/tpl/profile_edit.tpl
@@ -2,7 +2,7 @@
 	<div class="section-title-wrapper">
 		<div class="dropdown pull-right" id="profile-edit-links">
 			<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-				<i class="fa fa-caret-down"></i>&nbsp;{{$tools_label}}
+				<i class="fa fa-cog"></i>&nbsp;{{$tools_label}}
 			</button>
 			<ul class="dropdown-menu">
 				<li class="nav-item">
diff --git a/view/tpl/prv_message.tpl b/view/tpl/prv_message.tpl
index 2ee5757ab..ba09edcf0 100755
--- a/view/tpl/prv_message.tpl
+++ b/view/tpl/prv_message.tpl
@@ -77,7 +77,7 @@
 						{{/if}}
 						<div class="btn-group visible-xs visible-sm">
 							<button type="button" id="more-tools" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
-								<i id="more-tools-icon" class="fa fa-caret-down jot-icons"></i>
+								<i id="more-tools-icon" class="fa fa-cog jot-icons"></i>
 							</button>
 							<ul class="dropdown-menu dropdown-menu-right" role="menu">
 								<li class="visible-xs"><a href="#" id="prvmail-attach-sub"><i class="fa fa-paperclip"></i>&nbsp;{{$attach}}</a></li>
diff --git a/view/tpl/search_item.tpl b/view/tpl/search_item.tpl
index ea753fe5d..aa7e3aa5d 100755
--- a/view/tpl/search_item.tpl
+++ b/view/tpl/search_item.tpl
@@ -71,7 +71,7 @@
 			<div class="wall-item-tools">
 				<div class="wall-item-tools-right btn-group pull-right">
 					<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown">
-						<i class="fa fa-caret-down"></i>
+						<i class="fa fa-cog"></i>
 					</button>
 					<ul class="dropdown-menu">
 						{{if $item.thread_action_menu}}
diff --git a/view/tpl/wiki.tpl b/view/tpl/wiki.tpl
index a5c0397ab..50ccdf4cd 100644
--- a/view/tpl/wiki.tpl
+++ b/view/tpl/wiki.tpl
@@ -4,7 +4,7 @@
 			{{if $showPageControls}}
 			<div id="page-tools" class="btn-group" style="display: none;">
 				<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown">
-					<i class="fa fa-caret-down"></i>&nbsp;{{$tools_label}}
+					<i class="fa fa-cog"></i>&nbsp;{{$tools_label}}
 				</button>
 				<ul class="dropdown-menu dropdown-menu-right">
 					{{if $renamePage}}