Cleaned up css n html file.

README.md

@@ -15,4 +15,4 @@ Added import functionality for json.
 ![5 Deleting a selected session. ](images/pic5.png)
 ![6 Editing a selected session. ](images/pic6.png)
 ![7 Downloading a selected session. ](images/pic7.png)
-![8 Importiog a session json file. ](images/pic7.png)
+![8 Importiog a session json file. ](images/pic8.png)

src/pages/import.html

@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <title>Easy Session Manager Import</title>
     <link rel="shortcut icon" href="../images/icons/import.png">
+    <link rel="stylesheet" href="../styles/styles.css"/>
 
 <style media="screen">
 
@@ -14,32 +15,6 @@ body, html {
     margin: 0em;
 }
 
-#inputId {
-    display: none;
-}
-
-#lableTag {
-    top: 48%;
-    margin: 0 auto;
-    color: rgba(255, 255, 255, 0.5);
-}
-
-.container {
-    width: 100%;
-    height: 100%;
-    background-image: url('../images/icons/import.png');
-    background-repeat: no-repeat;
-    background-position: center;
-    text-align: center;
-    background-color: rgba(41, 95, 115, 0.85);
-}
-
-.container:hover {
-    transition: 4;
-    background-color: rgba(41, 95, 115, 0.65);
-    cursor: pointer;
-}
-
 </style>
 
 </head>
@@ -52,6 +27,5 @@ body, html {
 
 
 <script src="../scripts/background.js"></script>
-
 </body>
 </html>

src/styles/styles.css

@@ -23,6 +23,29 @@ button {
     display: none;
 }
 
+#lableTag {
+    top: 48%;
+    margin: 0 auto;
+    color: rgba(255, 255, 255, 0.5);
+}
+
+.container {
+    width: 100%;
+    height: 100%;
+    background-image: url('../images/icons/import.png');
+    background-repeat: no-repeat;
+    background-position: center;
+    text-align: center;
+    background-color: rgba(41, 95, 115, 0.85);
+    transition: 0.6s;
+}
+
+.container:hover {
+    transition: 0.6s;
+    background-color: rgba(41, 95, 115, 0.65);
+    cursor: pointer;
+}
+
 .selected {
     background-color: #a3b83b;
     box-shadow: 0px 5px 5px 5px #444444;