Update example page

Author: fritz-c

example/src/index.html

@@ -31,10 +31,12 @@ <h3>Demo</h3>
 
         <p>Features</p>
         <ul>
-            <li>Few dependencies</li>
             <li>Keyboard shortcuts (with rate limiting)</li>
-            <li>Image preloading for smoother viewing</li>
+            <li>Image Zoom</li>
             <li>Flexible rendering using src values assigned on the fly</li>
+            <li>Image preloading for smoother viewing</li>
+            <li>Few dependencies</li>
+            <li>No external CSS</li>
         </ul>
 
         <a href="https://github.com/fritz-c/react-image-lightbox">Examples and Documentation on Github</a>

example/src/stylesheets/app.less

@@ -7,16 +7,20 @@
     border-radius: 5px;
     background-color: #303030;
     border: none;
-    color: #FFFFFF;
+    color: #FFF;
     outline: none;
     padding: 8px 15px;
 
+    &:hover {
+        background-color: #000;
+        text-shadow: 0 0 6px #FFF;
+    }
+
     &:active {
-        background-color: #000000;
-        text-shadow: 0 0 6px #FFFFFF, 0 0 6px #FFFFFF, 0 0 6px #FFFFFF;
+        text-shadow: 0 0 6px #FFF, 0 0 6px #FFF, 0 0 6px #FFF;
     }
 
     &:focus {
-        box-shadow: 0 0 3px 2px #999999;
+        box-shadow: 0 0 3px 2px #999;
     }
 }