actions dropdown: use material menu icon

css/default.css

@@ -181,6 +181,12 @@ body.ttrss_main .notify.notify_error i.icon-notify,
 body.ttrss_main .notify.notify_error i.icon-close {
   color: white;
 }
+body.ttrss_main .action-chooser .action-button .dijitButtonText {
+  vertical-align: unset;
+}
+body.ttrss_main .action-chooser .action-button .dijitArrowButtonInner {
+  display: none;
+}
 body.ttrss_main .hl {
   border: 0px solid #ddd;
   border-bottom-width: 1px;

css/tt-rss.less

@@ -206,6 +206,17 @@ body.ttrss_main {
 		}
 	}
 
+	.action-chooser {
+		.action-button {
+			.dijitButtonText {
+				vertical-align : unset;
+			}
+			.dijitArrowButtonInner {
+				display : none;
+			}
+		}
+	}
+
 	.hl {
 		border: 0px solid @border-default;
 		border-bottom-width: 1px;

index.php

@@ -180,10 +180,11 @@
                 <!-- <option value="noscores"><?php echo __('Ignore Scoring') ?></option> -->
             </select>
 
-            <select title="<?php echo __('Sort articles') ?>"
+			<select title="<?php echo __('Sort articles') ?>"
                 onchange="App.onViewModeChanged()"
                 dojoType="dijit.form.Select" name="order_by">
-                <option selected="selected" value="default"><?php echo __('Default') ?></option>
+
+				<option selected="selected" value="default"><?php echo __('Default') ?></option>
                 <option value="feed_dates"><?php echo __('Newest first') ?></option>
                 <option value="date_reverse"><?php echo __('Oldest first') ?></option>
                 <option value="title"><?php echo __('Title') ?></option>
@@ -214,8 +215,8 @@
                     }
                 ?>
 
-                <div dojoType="dijit.form.DropDownButton">
+                <div dojoType="dijit.form.DropDownButton" class="action-button" title="<?php echo __('Actions...') ?>">
-                    <span><?php echo __('Actions...') ?></span>
+					<span><i class="material-icons">menu</i></span>
                     <div dojoType="dijit.Menu" style="display: none">
                         <div dojoType="dijit.MenuItem" onclick="App.onActionSelected('qmcPrefs')"><?php echo __('Preferences...') ?></div>
                         <div dojoType="dijit.MenuItem" onclick="App.onActionSelected('qmcSearch')"><?php echo __('Search...') ?></div>

themes/night.css

@@ -182,6 +182,12 @@ body.ttrss_main .notify.notify_error i.icon-notify,
 body.ttrss_main .notify.notify_error i.icon-close {
   color: white;
 }
+body.ttrss_main .action-chooser .action-button .dijitButtonText {
+  vertical-align: unset;
+}
+body.ttrss_main .action-chooser .action-button .dijitArrowButtonInner {
+  display: none;
+}
 body.ttrss_main .hl {
   border: 0px solid #222;
   border-bottom-width: 1px;

themes/night_blue.css

@@ -182,6 +182,12 @@ body.ttrss_main .notify.notify_error i.icon-notify,
 body.ttrss_main .notify.notify_error i.icon-close {
   color: white;
 }
+body.ttrss_main .action-chooser .action-button .dijitButtonText {
+  vertical-align: unset;
+}
+body.ttrss_main .action-chooser .action-button .dijitArrowButtonInner {
+  display: none;
+}
 body.ttrss_main .hl {
   border: 0px solid #222;
   border-bottom-width: 1px;