add bookmark button

htdocs/css/openwebrx.css

@@ -537,6 +537,22 @@ img.openwebrx-mirror-img
 	width:110px;
 }
 
+
+#openwebrx-panel-receiver .frequencies-container {
+    display: flex;
+    flex-direction: row;
+}
+
+#openwebrx-panel-receiver .frequencies {
+    flex-grow: 1;
+}
+
+#openwebrx-panel-receiver .openwebrx-bookmark-button {
+    width: 27px;
+    height: 27px;
+    text-align: center;
+}
+
 #openwebrx-mute-on
 {
 	color: lime;
@@ -566,6 +582,10 @@ img.openwebrx-mirror-img
 	padding-top: 5px;
 }
 
+.openwebrx-panel-line:first-child {
+    padding-top: 0;
+}
+
 #openwebrx-smeter-outer
 {
 	border-color: #888;

htdocs/index.html

@@ -46,8 +46,15 @@
         </div>
         <div id="openwebrx-panels-container">
             <div class="openwebrx-panel" id="openwebrx-panel-receiver" data-panel-name="client-params" data-panel-pos="right" data-panel-order="0" data-panel-size="259,115">
-                <div id="webrx-actual-freq">---.--- MHz</div>
-                <div id="webrx-mouse-freq">---.--- MHz</div>
+                <div class="openwebrx-panel-line frequencies-container">
+                    <div class="frequencies">
+                        <div id="webrx-actual-freq">---.--- MHz</div>
+                        <div id="webrx-mouse-freq">---.--- MHz</div>
+                    </div>
+                    <div class="openwebrx-button openwebrx-square-button openwebrx-bookmark-button" style="display:none;">
+                        <img src="static/gfx/openwebrx-bookmark.png">
+                    </div>
+                </div>
                 <div class="openwebrx-panel-line">
                     <select id="openwebrx-sdr-profiles-listbox" onchange="sdr_profile_changed();">
                     </select>

htdocs/openwebrx.js

@@ -1365,6 +1365,13 @@ function init_bookmarks() {
         demodulator_analog_replace(b.modulation);
         $bookmark.addClass('selected');
     });
+
+    $bookmarkButton = $('#openwebrx-panel-receiver .openwebrx-bookmark-button');
+    if (typeof(Storage) !== 'undefined') {
+        $bookmarkButton.show();
+    } else {
+        $bookmarkButton.hide();
+    }
 }
 
 var dial_frequencies = [];