optimised UI, still more to do.

Author: code-reaper08

index.js

@@ -12,13 +12,12 @@ for (let i = 0; i < len; i++) {
     request(hrefs, (error, response, html) => {
       if (!error && response.statusCode == 200) {
         console.log(hrefs, " Success");
-       $("#successlist").append("<div id=\"sucldiv\"> <dt>" +hrefs+ " <span id=\"sucspan\">  Success  </span> </dt></div> <br>")
-        
+       $("#successlist").append("<div id=\"sucldiv\"> <dt>" +hrefs+ "</dt></div> <div id=\"sstate\"> <span id=\"sucspan\">  Success  </span> </div>")
       } 
       else if (!error && response.statusCode != 200) {
         const failhref = hrefs;
         console.log(hrefs, " Failure");
-        $("#successlist").append("<div id=\"faildiv\"><dt>" +hrefs+ " <span id=\"failspan\">  Failure  </span> </dt></div> <br>")
+        $("#successlist").append("<div id=\"faildiv\"><dt>" +hrefs+ "</dt></div> <div id=\"fstate\"> <span id=\"failspan\">  Failure  </span> </div>")
       }
     });
   }

indexbundle.js

@@ -39398,13 +39398,12 @@ for (let i = 0; i < len; i++) {
     request(hrefs, (error, response, html) => {
       if (!error && response.statusCode == 200) {
         console.log(hrefs, " Success");
-       $("#successlist").append("<div id=\"sucldiv\"> <dt>" +hrefs+ " <span id=\"sucspan\">  Success  </span> </dt></div> <br>")
-        
+       $("#successlist").append("<div id=\"sucldiv\"> <dt>" +hrefs+ "</dt></div> <div id=\"sstate\"> <span id=\"sucspan\">  Success  </span> </div>")
       } 
       else if (!error && response.statusCode != 200) {
         const failhref = hrefs;
         console.log(hrefs, " Failure");
-        $("#successlist").append("<div id=\"faildiv\"><dt>" +hrefs+ " <span id=\"failspan\">  Failure  </span> </dt></div> <br>")
+        $("#successlist").append("<div id=\"faildiv\"><dt>" +hrefs+ "</dt></div> <div id=\"fstate\"> <span id=\"failspan\">  Failure  </span> </div>")
       }
     });
   }

styles.css

@@ -24,6 +24,8 @@ body{
     border-radius: 15px;
     padding: 2px;
     background-color: rgba(0, 128, 0, 0.562);
+    box-shadow: 5px 2px 8px #ddd;
+                
 }
 
 #failspan{
@@ -34,6 +36,7 @@ body{
     border-radius: 15px;
     padding: 2px;
     background-color: rgba(255, 0, 0, 0.712);
+    box-shadow: 5px 2px 8px #ddd;
 }
 
 #sucldiv{
@@ -55,4 +58,13 @@ body{
 
 #listholder{
     padding: 5px 5px 5px 5px;
+}
+
+#sstate{
+    text-align: center;
+    margin-bottom: 10px;
+}
+#fstate{
+    text-align: center;
+    margin-bottom: 10px;
 }