Fix: Menu icon for list controls on mobile

lib/output.php

@@ -130,7 +130,7 @@ public static function __callStatic(string $method, array $parameters)
     public static $save_reminder = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AgSFQseE+bgxAAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAS0lEQVQ4y6WTSQoAMAgDk/z/z+21lK6ON5UZEIklNdXLIbAkhcBVgccmBP4VeDUMgV8FPi1D4JvAL7eFwDuBf/4aAs8CV0NB0sirA+jtAijusTaJAAAAAElFTkSuQmCC';
 
     public static $edit = 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%0A%20%20%3Cpath%20d%3D%22M6%200l-1%201%202%202%201-1-2-2zm-2%202l-4%204v2h2l4-4-2-2z%22%20%2F%3E%0A%3C%2Fsvg%3E';
-    public static $three_dot = 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230px%22%20height%3D%2230px%22%3E%20%20%20%20%3Cpath%20d%3D%22M%207%204%20C%206.744125%204%206.4879687%204.0974687%206.2929688%204.2929688%20L%204.2929688%206.2929688%20C%203.9019687%206.6839688%203.9019687%207.3170313%204.2929688%207.7070312%20L%2011.585938%2015%20L%204.2929688%2022.292969%20C%203.9019687%2022.683969%203.9019687%2023.317031%204.2929688%2023.707031%20L%206.2929688%2025.707031%20C%206.6839688%2026.098031%207.3170313%2026.098031%207.7070312%2025.707031%20L%2015%2018.414062%20L%2022.292969%2025.707031%20C%2022.682969%2026.098031%2023.317031%2026.098031%2023.707031%2025.707031%20L%2025.707031%2023.707031%20C%2026.098031%2023.316031%2026.098031%2022.682969%2025.707031%2022.292969%20L%2018.414062%2015%20L%2025.707031%207.7070312%20C%2026.098031%207.3170312%2026.098031%206.6829688%2025.707031%206.2929688%20L%2023.707031%204.2929688%20C%2023.316031%203.9019687%2022.682969%203.9019687%2022.292969%204.2929688%20L%2015%2011.585938%20L%207.7070312%204.2929688%20C%207.5115312%204.0974687%207.255875%204%207%204%20z%22%2F%3E%3C%2Fsvg%3E';
+    public static $three_dot = 'data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyBmaWxsPSIjN0Y3RjdGIiBoZWlnaHQ9IjI1NnB4IiB3aWR0aD0iMjU2cHgiIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDMyLjA1NSAzMi4wNTUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjEuNjY2ODYwMDAwMDAwMDAwMiI+IDxnPiA8cGF0aCBkPSJNMy45NjgsMTIuMDYxQzEuNzc1LDEyLjA2MSwwLDEzLjgzNSwwLDE2LjAyN2MwLDIuMTkyLDEuNzczLDMuOTY3LDMuOTY4LDMuOTY3YzIuMTg5LDAsMy45NjYtMS43NzIsMy45NjYtMy45NjcgQzcuOTM0LDEzLjgzNSw2LjE1NywxMi4wNjEsMy45NjgsMTIuMDYxeiBNMTYuMjMzLDEyLjA2MWMtMi4xODgsMC0zLjk2OCwxLjc3My0zLjk2OCwzLjk2NWMwLDIuMTkyLDEuNzc4LDMuOTY3LDMuOTY4LDMuOTY3IHMzLjk3LTEuNzcyLDMuOTctMy45NjdDMjAuMjAxLDEzLjgzNSwxOC40MjMsMTIuMDYxLDE2LjIzMywxMi4wNjF6IE0yOC4wOSwxMi4wNjFjLTIuMTkyLDAtMy45NjksMS43NzQtMy45NjksMy45NjcgYzAsMi4xOSwxLjc3NCwzLjk2NSwzLjk2OSwzLjk2NWMyLjE4OCwwLDMuOTY1LTEuNzcyLDMuOTY1LTMuOTY1UzMwLjI3OCwxMi4wNjEsMjguMDksMTIuMDYxeiIvPiA8L2c+IDwvZz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPGc+IDxwYXRoIGQ9Ik0zLjk2OCwxMi4wNjFDMS43NzUsMTIuMDYxLDAsMTMuODM1LDAsMTYuMDI3YzAsMi4xOTIsMS43NzMsMy45NjcsMy45NjgsMy45NjdjMi4xODksMCwzLjk2Ni0xLjc3MiwzLjk2Ni0zLjk2NyBDNy45MzQsMTMuODM1LDYuMTU3LDEyLjA2MSwzLjk2OCwxMi4wNjF6IE0xNi4yMzMsMTIuMDYxYy0yLjE4OCwwLTMuOTY4LDEuNzczLTMuOTY4LDMuOTY1YzAsMi4xOTIsMS43NzgsMy45NjcsMy45NjgsMy45NjcgczMuOTctMS43NzIsMy45Ny0zLjk2N0MyMC4yMDEsMTMuODM1LDE4LjQyMywxMi4wNjEsMTYuMjMzLDEyLjA2MXogTTI4LjA5LDEyLjA2MWMtMi4xOTIsMC0zLjk2OSwxLjc3NC0zLjk2OSwzLjk2NyBjMCwyLjE5LDEuNzc0LDMuOTY1LDMuOTY5LDMuOTY1YzIuMTg4LDAsMy45NjUtMS43NzIsMy45NjUtMy45NjVTMzAuMjc4LDEyLjA2MSwyOC4wOSwxMi4wNjF6Ii8+IDwvZz4gPC9nPgoNPC9zdmc+';
     public static $close = 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%0D%0Awidth%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%2030%2030%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M%207%204%20C%206.744125%204%206.4879687%204.0974687%206.2929688%204.2929688%20L%204.2929688%206.2929688%20C%203.9019687%206.6839688%203.9019687%207.3170313%204.2929688%207.7070312%20L%2011.585938%2015%20L%204.2929688%2022.292969%20C%203.9019687%2022.683969%203.9019687%2023.317031%204.2929688%2023.707031%20L%206.2929688%2025.707031%20C%206.6839688%2026.098031%207.3170313%2026.098031%207.7070312%2025.707031%20L%2015%2018.414062%20L%2022.292969%2025.707031%20C%2022.682969%2026.098031%2023.317031%2026.098031%2023.707031%2025.707031%20L%2025.707031%2023.707031%20C%2026.098031%2023.316031%2026.098031%2022.682969%2025.707031%2022.292969%20L%2018.414062%2015%20L%2025.707031%207.7070312%20C%2026.098031%207.3170312%2026.098031%206.6829688%2025.707031%206.2929688%20L%2023.707031%204.2929688%20C%2023.316031%203.9019687%2022.682969%203.9019687%2022.292969%204.2929688%20L%2015%2011.585938%20L%207.7070312%204.2929688%20C%207.5115312%204.0974687%207.255875%204%207%204%20z%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E';
     public static $junk = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFSElEQVR4nN1be4hXRRT+1q11y6xcqdAioywkqUjoHZllkGSvLcEwMKigDQtye0JCENgvegoFmRSUBfWHoFhZFNVqGVlRVihFadSuKVFo2WNLvXHkmzid5u6d+/r9ZvtgcPfcOWfOt3dmzjkzV6BedAC4H8AWAElGGwDQoM6wRSOAqG2iM2wxQBJnBvQ9W73pYYuEra7+TUdHjjVatkWxxhtNIBrVGh/IsUbLIoo1njR5zbV8jX/Xgin9bSsJz2gyaSF7ISLA53ToxBpsn0TbnyEirKJTF9VgeyZtv4KIsJhO9dRg+0bafgIR4W46tdDI3wDwsqf/uwDWeOTS93UjW0jbMkY0mEunlhr5dsq7AsJLF2Wio7GUchkjGkyjU31G/gnlUwIIT6FMdDRWU34uIsIxdGqTkS+nvDuAcDdloqOxmfKjERFGAtgD4E8A7Ur+KJ2dH0B4PmWi4zCCNvdwjKiwlQ6PV7JbKFsUQHgRZaLjcDhl3yNCrKNzpyvZ5ZStCCC8gjLRcTiDsvdjrmlnKdsnU7Y+gPB6ykTHYVYdtXSj4ny3Vzk8hrIdAYR3UCY6Dr111NJblOAbABNRDL5NJy0WW8JdKX8Y37rOg6MAfKXG27sXuF/W8t9+AJMKGHfTb1lALLaE02LwMs8yCYVw6Dfc9o7pfhjFtE5+3sYqJQ9Oo+4HAbHYEk6LwR9SfmpOX45XpzF9AEb7CIOxzu2WP5FEKMZTT8ITMmKxJZy2HLZRPi6HHzJbfqDeKgD72THt4B1qKv3CtDEEkiQMMknozIjFdkzfWu2krUHaDsFZas9YafxIJQxmS89Q/iuACwIH3ESdiRmx2I7pi8HHUvZ14NhTAfxMnRcA7GueD0nYkX6Kz/4AcFnAoH3sf15GLLZj+mLw+ZS9HXjU9Bv7PwdgH0+fJIuwoA3A43wuU+uKjIF9pZwvFtsxfTE4reS06KZvCX0Vn1GUMGjgAfb5C8AcpMMV6wuM/DWWeQ5rzO/vAHjV6CxIOVTQmEOfEvqYRjYXYYc72E82knkpfXrY50mUxxLauiHl+XUAdusMKgNJXsKC2xXpmz3Pp6tAXxbv0ZbYtLiJPiT0CXURBt+uG+xO/BudaqfsZTKTF6Jzq1r3IwvMtEoJC65Wa6fhWVdJRe2aFLK7AFyLfEjKEBZcpUg/ZDaMGdyIdhYguZO6+oZBbD+oNk4ZG80m7A7Jf6f+4hwZUR60qUxs0HM+1lTC4JtwQf/5lKBfFDb5uaSEraQqwoJz1Gb1oietK0r2WTXNfbt1ywgLTgHwI229ZBL3vNAFzPaKLtyTOglLewvAAQXs7M+sK4mZ8DSWku7tbjXFdyhGs1hwxzErC5SpLdm0jlMX5XJqMTbAzsHqKEbO2SZzHT8d06Y1c4iwNEEdoH0M4JAh7Izh2bM7SJSrm7SwlFWx1UZ4Nq9BRPexlEplnPo6YCNvEiwOA/Ap+3wB4AhPH5147Cp4k5jUlVpaHKoK/M3mUuxIAF/y2QZzTeODSy13NzO1nKeKh7sCdcaqE0iZsiewuZvBjwLXOViwNK14uE0Nlvdw/CDmyDZ3Xue5MM9Cj6qF7WFDZYTvUdPpehSDlH4PM2xJe6RgCQn64EiLb5USvrfkhlEXZld9xNOmDtIlJFyJ+HAxY7T70mdEUcLtplK5FPGi9DFtu6pU8hzEtxJTMyq2pOqrlhgwVMWW+AjrSiXvZVos0Jdpb6qK7T+ER/HLuaLXpTFBX5euBnCgj3DZC/HYkHoh7v4SZT95iBETzCcP/a36jxqtavcJYdmVhbR+0/+39s9nS38D9qTHIMcTU2cAAAAASUVORK5CYII=';
     public static $trash = 'data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%0D%0Awidth%3D%228%22%20height%3D%228%22%0D%0AviewBox%3D%220%200%2024%2024%22%3E%0D%0A%20%20%20%20%3Cpath%20d%3D%22M%2010%202%20L%209%203%20L%204%203%20L%204%205%20L%207%205%20L%2017%205%20L%2020%205%20L%2020%203%20L%2015%203%20L%2014%202%20L%2010%202%20z%20M%205%207%20L%205%2022%20L%2019%2022%20L%2019%207%20L%205%207%20z%22%3E%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E';

modules/core/site.css

@@ -309,12 +309,14 @@ div.unseen, .unseen .subject { font-weight: 700; }
 }
 
 #list_controls_menu {
+    flex-direction: column;
+    align-items: flex-end;
     position: absolute;
-    width: 50px; 
     right: 0px;
     display: none;
-    padding-left: 14px;
-    padding-bottom: 5px;
+    padding: 0px 5px 5px 10px;
     background-color: #fff;
 }
+#list_controls_menu.show{display: flex;}
+.imap_keyword, .imap_sort, .imap_filter {width: 100%;}
 .snoozed_date { color: teal !important; }

modules/core/site.js

@@ -1854,6 +1854,6 @@ function fixLtrInRtl() {
 }
 
 function listControlsMenu() {
-    $('#list_controls_menu').toggle();
+    $('#list_controls_menu').toggleClass('show')
     $('.list_sources').hide();
 }