Add text to main compose button, adjust mention button accordingly

view/theme/frio/css/style.css

@@ -1438,9 +1438,11 @@ section ul.tabs {
 section #jotOpen {
 	display: none;
 }
-#jotOpen {
-	margin-top: 3px;
-	float: right;
+#jotOpen, #mention-link {
+	align-items: center;
+	display: flex;
+	padding-bottom: 7px;
+	padding-top: 7px;
 }
 #jot-content {
 	display: none;

view/theme/frio/js/theme.js

@@ -88,8 +88,7 @@ $(document).ready(function () {
 	let $mentionButton = $("#mention-link-button");
 	if ($mentionButton.length) {
 		$mentionButton.appendTo("#topbar-second > .container > #navbar-button").addClass("pull-right");
-		$("#mention-link").addClass("btn-sm ");
-		$("#mention-link > span i").addClass("fa-2x");
+		$("#mention-link > span i").addClass("fa-lg");
 		if ($mentionButton.hasClass("modal-open")) {
 			$mentionButton.on("click", function (e) {
 				e.preventDefault();

view/theme/frio/templates/jot.tpl

@@ -5,7 +5,10 @@
   * SPDX-License-Identifier: AGPL-3.0-or-later
   *}}
 {{* The button to open the jot - in This theme we move the button with js to the second nav bar *}}
-<a class="btn btn-sm btn-primary pull-right{{if !$always_open_compose}} modal-open{{/if}}" id="jotOpen" href="compose/{{$posttype}}{{if $content}}?body={{$content}}{{/if}}" aria-label="{{$new_post}}" title="{{$new_post}}"><i class="fa fa-pencil-square-o fa-2x"></i></a>
+<a class="btn btn-primary pull-right{{if !$always_open_compose}} modal-open{{/if}}" id="jotOpen" href="compose/{{$posttype}}{{if $content}}?body={{$content}}{{/if}}" aria-label="{{$new_post}}" title="{{$new_post}}">
+	<i class="fa fa-lg fa-pencil-square-o"></i>&nbsp;
+	<span>{{$new_post}}</span>
+</a>
 
 <div id="jot-content">
 	<div id="jot-sections">
@@ -191,5 +194,5 @@ can load different content into the jot modal (e.g. the item edit jot)
 </script>
 
 <script>
-	dzFactory.setupDropzone('#jot-text-wrap', 'profile-jot-text'); 
+	dzFactory.setupDropzone('#jot-text-wrap', 'profile-jot-text');
 </script>

view/theme/frio/templates/profile/vcard.tpl

@@ -76,7 +76,7 @@
 				{{if $profile.addr}}
 					<div id="mention-link-button">
 						<button type="button" id="mention-link" class="btn btn-labeled btn-primary" onclick="openWallMessage('{{$mention_url}}')">
-							<span class=""><i class="fa fa-pencil-square-o"></i></span>
+							<span class=""><i class="fa fa-pencil-square-o"></i></span>&nbsp;
 							<span class="">{{$mention_label}}</span>
 						</button>
 					</div>

view/theme/frio/templates/widget/vcard.tpl

@@ -67,7 +67,7 @@
 			{{if $mention_link}}
 				<div id="mention-link-button">
 					<button type="button" id="mention-link" class="btn btn-labeled btn-primary{{if !$always_open_compose}} modal-open{{/if}}" onclick="openWallMessage('{{$mention_link}}')" title="{{$mention}}" aria-label="{{$mention}}">
-						<span class=""><i class="fa fa-pencil-square-o"></i></span>
+						<span class=""><i class="fa fa-pencil-square-o"></i></span>&nbsp;
 						<span class="">{{$mention}}</span>
 					</button>
 				</div>