Restyling grafica modali nella pagina di ricerca

css/landing-page.css

@@ -462,7 +462,7 @@ table a:hover {
 .modal {
     display: none; /* Hidden by default */
     position: fixed; /* Stay in place */
-    z-index: 1; /* Sit on top */
+    z-index: 2000; /* Sit on top */
     padding-top: 100px; /* Location of the box */
     left: 0;
     top: 0;
@@ -470,7 +470,7 @@ table a:hover {
     height: 100%; /* Full height */
     overflow: auto; /* Enable scroll if needed */
     background-color: rgb(0, 0, 0); /* Fallback color */
-    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
+    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
 }
 
 /* Modal Content */
@@ -478,7 +478,6 @@ table a:hover {
     background-color: #fefefe;
     margin: auto;
     padding: 20px;
-    border: 1px solid #888;
     width: 80%;
 }
 
@@ -497,9 +496,12 @@ table a:hover {
 /* The Close Button */
 .close {
     color: #aaaaaa;
-    float: right;
-    font-size: 28px;
+    float: none;
+    font-size: 35px;
     font-weight: bold;
+    text-align: right;
+    margin-top: -13px;
+    margin-bottom: 13px;
 }
 
 .close:hover,
@@ -562,13 +564,13 @@ table a:hover {
     margin-right: auto;
     background-color: #e9e9e9;
     padding: 20px;
-    text-align: justify;
     border-radius: 10px;
     margin-bottom: 20px;
 }
 
 #copy_btn {
-    width: 20%;
+    width: 100%;
+    max-width: 200px;
     margin-left: auto;
     margin-right: auto;
 }

js/method.js

@@ -180,7 +180,7 @@ $(document).ready(function () {
 		$("#myModal").empty();
 		$("#myModal").css("display", "block");
 		$('#myModal').append("<div class='modal-content'><span class='close'>&times;</span><div id='myInput'>" +
-			link + "</div><button id='copy_btn' class='btn btn-primary btn-lg' onclick='myFunction()'>Copia</button>");
+			link + "</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
 
 		
 
@@ -230,7 +230,7 @@ $(document).ready(function () {
 		$("#myModal").empty();
 		$("#myModal").css("display", "block");
 		$('#myModal').append("<div class='modal-content'><span class='close'>&times;</span><div id='myInput'>" + 
-			author + " " + year + ", accesso effettuato: " + today + ", &lt;" + link + "&gt;</div><button id='copy_btn' class='btn btn-primary btn-lg' onclick='myFunction()'>Copia</button>");
+			author + " " + year + ", accesso effettuato: " + today + ", &lt;" + link + "&gt;</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
 
 		
 

js/search.js

@@ -518,7 +518,7 @@ $(document).ready(function () {
 		$("#myModal").empty();
 		$("#myModal").css("display", "block");
 		$('#myModal').append("<div class='modal-content'><span class='close'>&times;</span><div id='myInput'>" +
-			link + "</div><button id='copy_btn' class='btn btn-primary btn-lg' onclick='myFunction()'>Copia</button>");
+			link + "</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");
 
 		
 
@@ -608,7 +608,7 @@ $(document).ready(function () {
 		$("#myModal").empty();
 		$("#myModal").css("display", "block");
 		$('#myModal').append("<div class='modal-content'><span class='close'>&times;</span><div id='myInput'>" + 
-			author + " " + year + ", accesso effettuato: " + today + ", &lt;" + link + "&gt;</div><button id='copy_btn' class='btn btn-primary btn-lg' onclick='myFunction()'>Copia</button>");
+			author + " " + year + ", accesso effettuato: " + today + ", &lt;" + link + "&gt;</div><button id='copy_btn' class='btn btn-theme-primary btn-md' onclick='myFunction()'>Copia</button>");