From d8619aa5278b7353118aab552a968b13473d9c50 Mon Sep 17 00:00:00 2001
From: Maxim Stewart <maximstewart1@gmail.com>
Date: Thu, 10 May 2018 02:42:39 -0500
Subject: [PATCH] Implimented selection indicator...

---
 resources/css/main.css    | 20 +++++++++++++-------
 resources/js/xmlParser.js |  1 +
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/resources/css/main.css b/resources/css/main.css
index 47ec7ac..a50c241 100644
--- a/resources/css/main.css
+++ b/resources/css/main.css
@@ -89,12 +89,13 @@
 }
 
 #popOutControls {
-    position: absolute;
+    position: fixed;
     top: 15%;
     width: 99%;
     height: 15em;
     padding-top: 6em;
-    background-color: rgba(103, 103, 103, 1);
+    opacity: 0.94;
+    background: radial-gradient(circle,#3f3f3f,#000000);
     color: #ffffff;
     text-align: center;
 }
@@ -109,11 +110,6 @@
 .dirStyle { background-color: rgba(0, 0, 0, 0.56); }
 .movieStyle, .fileStyle { background-color: rgba(101, 101, 101, 0.56); }
 
-.dirStyle:hover, .movieStyle:hover, .fileStyle:hover {
-    background-color: rgba(0, 141, 166, 0.56);
-    cursor: pointer;
-}
-
 .movieStyle {
     float: left;
     width: 15em;
@@ -123,6 +119,16 @@
     padding: 0.5em;
 }
 
+.dirStyle:hover, .movieStyle:hover, .fileStyle:hover {
+    background-color: rgba(0, 141, 166, 0.56);
+    cursor: pointer;
+}
+
+
+.movieStyle:focus, .fileStyle:focus, .fileStyle:focus {
+    background-color: rgb(114,184,199);
+}
+
 .dirTitle, .fileTitle, .movieTitle {
     white-space: nowrap;
     text-overflow: ellipsis;
diff --git a/resources/js/xmlParser.js b/resources/js/xmlParser.js
index f1e8d37..f42bd82 100644
--- a/resources/js/xmlParser.js
+++ b/resources/js/xmlParser.js
@@ -80,6 +80,7 @@ function createElmBlock(contnrType, contnrClass, imgID, imgClass,
 
     contnrTag.className  = contnrClass;
     contnrTag.title      = fileName;
+    contnrTag.tabIndex   = "1";
     imgTag.id            = imgID;
     imgTag.className     = imgClass ;
     imgTag.src           = imgSrc;