Fix whitespace

output/script2.js

@@ -97,8 +97,7 @@ function sortTable(n) {
 	switching = true;
 	// Set the sorting direction to ascending:
 	dir = "asc";
-	/* Make a loop that will continue until
+	// Make a loop that will continue until no switching has been done:
-	 no switching has been don*e: */
 	while (switching) {
 		// Start by saying: no switching is done:
 		switching = false;

output/styles2.css

@@ -13,8 +13,8 @@
 #th_qr           { width:0%; }
 #th_join_url     { width:15%; }
 .td_join_url     {
-    font-family: monospace;
+	font-family: monospace;
-    white-space: nowrap;
+	white-space: nowrap;
 }
 
 .copy_button     {  }
@@ -27,11 +27,11 @@
 
 /* <Colors> */
 :root {
-    --session-classic-dark-green:      #31f196;
+	/*--session-classic-dark-green:      #31f196;*/
-    --session-classic-dark-gray-one:   #414141;
+	/*--session-classic-dark-gray-one:   #414141;*/
-    --session-classic-dark-gray-two:   #2d2d2d;
+	/*--session-classic-dark-gray-two:   #2d2d2d;*/
-    --session-classic-dark-gray-three: #1b1b1b;
+	/*--session-classic-dark-gray-three: #1b1b1b;*/
-    --alternate-row-color:             #e8e8e8;
+	--alternate-row-color:             #e8e8e8;
 }
 #tbl_communities th                 { background-color: lightgray; }
 #tbl_communities tr:nth-child(odd)  { background-color: var(--alternate-row-color); }
@@ -39,91 +39,91 @@
 
 /* <QR code modals> */
 .qr-code {
-    display: block;
+	display: block;
-    margin-left: auto;
+	margin-left: auto;
-    margin-right: auto;
+	margin-right: auto;
-    width: 50%;
+	width: 50%;
 }
 .qr-code-icon {
-    cursor: pointer;
+	cursor: pointer;
 }
 .qr-code-modal {
-    display: none;   /* Hidden by default */
+	display: none;   /* Hidden by default */
-    position: fixed; /* Stay in place */
+	position: fixed; /* Stay in place */
-    z-index: 1;      /* Sit on top */
+	z-index: 1;      /* Sit on top */
-    left: 0;
+	left: 0;
-    top: 0;
+	top: 0;
-    width: 100%;     /* Full width */
+	width: 100%;     /* Full width */
-    height: 100%;    /* Full height */
+	height: 100%;    /* Full height */
-    padding-top: 100px; /* Location of the box */
+	padding-top: 100px; /* Location of the box */
-    background-color: rgb(0,0,0); /* Fallback color */
+	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.4); /* Black w/ opacity */
-/*overflow: auto;*/ /* Enable scroll if needed */
+	/*overflow: auto;*/ /* Enable scroll if needed */
 
 }
 .qr-code-modal-content {
-    background-color: #ffffff;
+	background-color: #ffffff;
-    border: 1px solid #000000;
+	border: 1px solid #000000;
-    width: 80%;
+	width: 80%;
-    margin: auto;
+	margin: auto;
-    padding: 20px;
+	padding: 20px;
 }
 .qr-code-modal-close {
-    float: right;
+	float: right;
-    font-size: 35px;
+	font-size: 35px;
-    font-weight: bold;
+	font-weight: bold;
-    color: #aaaaaa;
+	color: #aaaaaa;
 }
 .qr-code-modal-close:hover,
 .qr-code-modal-close:focus {
-    cursor: pointer;
+	cursor: pointer;
-    text-decoration: none;
+	text-decoration: none;
-    color: #000000;
+	color: #000000;
 }
 
 /* <Snackbar> */
 /* The snackbar - position it at the bottom and in the middle of the screen */
 #copy-snackbar {
-  visibility: hidden; /* Hidden by default. Visible on click */
+	visibility: hidden; /* Hidden by default. Visible on click */
-  min-width: 250px; /* Set a default minimum width */
+	min-width: 250px; /* Set a default minimum width */
-  margin-left: -125px; /* Divide value of min-width by 2 */
+	margin-left: -125px; /* Divide value of min-width by 2 */
-  background-color: #333; /* Black background color */
+	background-color: #333; /* Black background color */
-  color: #fff; /* White text color */
+	color: #fff; /* White text color */
-  text-align: center; /* Centered text */
+	text-align: center; /* Centered text */
-  border-radius: 2px; /* Rounded borders */
+	border-radius: 2px; /* Rounded borders */
-  padding: 16px; /* Padding */
+	padding: 16px; /* Padding */
-  position: fixed; /* Sit on top of the screen */
+	position: fixed; /* Sit on top of the screen */
-  z-index: 1; /* Add a z-index if needed */
+	z-index: 1; /* Add a z-index if needed */
-  left: 50%; /* Center the snackbar */
+	left: 50%; /* Center the snackbar */
-  bottom: 30px; /* 30px from the bottom */
+	bottom: 30px; /* 30px from the bottom */
 }
 
 /* Show the snackbar when clicking on a button (class added with JavaScript) */
 #copy-snackbar.show {
-  visibility: visible; /* Show the snackbar */
+	visibility: visible; /* Show the snackbar */
-  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
+	/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
-  However, delay the fade out process for 2.5 seconds */
+	However, delay the fade out process for 2.5 seconds */
-  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
+	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
-  animation: fadein 0.5s, fadeout 0.5s 2.5s;
+	animation: fadein 0.5s, fadeout 0.5s 2.5s;
 }
 
 /* Animations to fade the snackbar in and out */
 @-webkit-keyframes fadein {
-  from {bottom: 0; opacity: 0;}
+	from {bottom: 0; opacity: 0;}
-  to {bottom: 30px; opacity: 1;}
+	to {bottom: 30px; opacity: 1;}
 }
 
 @keyframes fadein {
-  from {bottom: 0; opacity: 0;}
+	from {bottom: 0; opacity: 0;}
-  to {bottom: 30px; opacity: 1;}
+	to {bottom: 30px; opacity: 1;}
 }
 
 @-webkit-keyframes fadeout {
-  from {bottom: 30px; opacity: 1;}
+	from {bottom: 30px; opacity: 1;}
-  to {bottom: 0; opacity: 0;}
+	to {bottom: 0; opacity: 0;}
 }
 
 @keyframes fadeout {
-  from {bottom: 30px; opacity: 1;}
+	from {bottom: 30px; opacity: 1;}
-  to {bottom: 0; opacity: 0;}
+	to {bottom: 0; opacity: 0;}
 }