diff --git a/css/style.css b/css/style.css
index 49595dcd..93feaa4e 100644
--- a/css/style.css
+++ b/css/style.css
@@ -105,62 +105,62 @@ body {
     transition: ease 0.1s;
 }
 
-.help-button:before {
+.icon-help:before {
     font-family: 'Fontello';
     content: '\e801  ';
 }
 
-.rename-button:before {
+.icon-rename:before {
     font-family: 'Fontello';
     content: '\e802  ';
 }
 
-.view-button:before {
+.icon-view:before {
     font-family: 'Fontello';
     content: '\e803  ';
 }
 
-.edit-button:before {
+.icon-edit:before {
     font-family: 'Fontello';
     content: '\e804  ';
 }
 
-.copy-button:before {
+.icon-copy:before {
     font-family: 'Fontello';
     content: '\e805  ';
 }
 
-.move-button:before {
+.icon-move:before {
     font-family: 'Fontello';
     content: '\e806  ';
 }
 
-.directory-button:before {
+.icon-directory:before {
     font-family: 'Fontello';
     content: '\e807  ';
 }
 
-.delete-button:before {
+.icon-delete:before {
     font-family: 'Fontello';
     content: '\e808  ';
 }
 
-.menu-button:before {
+.icon-menu:before {
     font-family: 'Fontello';
     content: '\e809  ';
 }
 
-.config-button:before {
+.icon-config:before {
     font-family: 'Fontello';
     content: '\e80a  ';
 }
 
-.console-button:before {
+.icon-console:before {
     font-family: 'Fontello';
     content: '\e80b  ';
 }
 
-.contact-button:before {
+.icon-contact:before {
     font-family: 'Fontello';
     content: '\e80c  ';
 }
diff --git a/html/index.html b/html/index.html
index e3d5fc1f..74b61d34 100644
--- a/html/index.html
+++ b/html/index.html
@@ -16,18 +16,18 @@
     
     <div class=fm>{{ fm }}</div>
     <div class="keyspanel">
-        <button id=f1 class="cmd-button help-button" title="help">F1</button>
-        <button id=f2 class="cmd-button rename-button" title="rename">F2</button>
-        <button id=f3 class="cmd-button view-button" title="view">F3</button>
-        <button id=f4 class="cmd-button edit-button" title="edit">F4</button>
-        <button id=f5 class="cmd-button copy-button" title="copy">F5</button>
-        <button id=f6 class="cmd-button move-button" title="move">F6</button>
-        <button id=f7 class="cmd-button directory-button" title="make directory">F7</button>
-        <button id=f8 class="cmd-button delete-button" title="delete">F8</button>
-        <button id=f9 class="cmd-button menu-button" title="menu">F9</button>
-        <button id=f10 class="cmd-button config-button" title="config">F10</button>
-        <button id=~ class="cmd-button console-button" title="console">~</button>
-        <button id=contact class="cmd-button contact-button" title="contact"></button>
+        <button id=f1 class="cmd-button icon-help" title="help">F1</button>
+        <button id=f2 class="cmd-button icon-rename" title="rename">F2</button>
+        <button id=f3 class="cmd-button icon-view" title="view">F3</button>
+        <button id=f4 class="cmd-button icon-edit" title="edit">F4</button>
+        <button id=f5 class="cmd-button icon-copy" title="copy">F5</button>
+        <button id=f6 class="cmd-button icon-move" title="move">F6</button>
+        <button id=f7 class="cmd-button icon-directory" title="make directory">F7</button>
+        <button id=f8 class="cmd-button icon-delete" title="delete">F8</button>
+        <button id=f9 class="cmd-button icon-menu" title="menu">F9</button>
+        <button id=f10 class="cmd-button icon-config" title="config">F10</button>
+        <button id=~ class="cmd-button icon-console" title="console">~</button>
+        <button id=contact class="cmd-button icon-contact" title="contact"></button>
     </div>
     <script>
         !(function() {