Uhlazení CSS korekturovátka

korektury/static/korektury/opraf.css

@@ -1,20 +1,22 @@
 .textzanaseni { display:none; }
 .textzastarale { display:none; }
 
-body[data-status="pridavani"] {
-	background: #f3f3f3; 
-}
+body {
+	&[data-status="pridavani"] {
+		background: #f3f3f3;
+	}
 
-body[data-status="zanaseni"] {
-    background: yellow;
+	&[data-status="zanaseni"] {
+		background: yellow;
 
-	.textzanaseni { display: unset; }
-}
+		.textzanaseni { display: unset; }
+	}
 
-body[data-status="zastarale"] {
-    background: red;
+	&[data-status="zastarale"] {
+		background: red;
 
-	.textzastarale { display: unset; }
+		.textzastarale { display: unset; }
+	}
 }
 
 img{background:white;}
@@ -45,12 +47,14 @@ img{background:white;}
 	[value="notcomment"] { display: none }
 }
 
+/* Skrývání korektur */
 [data-opravazobrazit="false"] {
 	.corr-body { display: none; }
 	.corr-buttons { display: none; }
 	.toggle-button { transform: rotate(180deg); }
 }
 
+/* Čára od textu k místu korektury */
 .pointer-hi, 
 .pointer{ 
 	position:absolute;
@@ -58,26 +62,21 @@ img{background:white;}
 	border-left: 2px solid yellow;
 	border-bottom: 2px solid yellow;
 	border-color: rgb(var(--rgb),var(--alpha));
+	pointer-events: none;
 }
 
+/* Zvýraznění čáry při najetí na korekturu */
 .pointer {
 	border-width: 1px;
 	--alpha: 0.35;
-	pointer-events: none;
 }
 
 .pointer-hi {
 	border-width: 3px;
 	--alpha: 1;
-	pointer-events: none;
 }
 
-
-
-.oprava:hover{
-	border-width:3px;
-	margin: 0px;
-}
+/* Korektura samotná */
 .oprava {
 	margin: 1px;
 	background-color: white;
@@ -87,7 +86,34 @@ img{background:white;}
 	border: 2px solid black;
 	border-radius: 10px;
 	border-color: rgb(var(--rgb));
+
+	&:hover {
+		border-width:3px;
+		margin: 0px;
+	}
+
+	button, img {
+		border: 1px solid white;
+		background-color:transparent;
+		margin:0;
+		padding: 1px;
+
+		&:hover {
+			border: 1px solid black;
+		}
+	}
 }
+
+.corr-header {
+	overflow: auto;
+}
+
+.author {
+	font-weight: bold;
+	float: left;
+	margin-top: 3px;
+}
+
 form {
 	display:inline;
 }
@@ -101,6 +127,8 @@ form {
 	left:0px;
 	top:0px;
 }
+
+/* Přidávání korektury / úprava komentáře */
 #commform-div {
 	position: absolute;
 	background-color: white;
@@ -116,37 +144,8 @@ form {
 	background-color: white;
 	opacity: 80%;
 }
-.close-button{
-	background-color: yellow;	
-}
 
 
-.oprava button,
-.oprava img {
-	border: 1px solid white;
-	background-color:transparent;
-	margin:0;
-	padding: 1px;
-}
-.oprava button:hover,
-.oprava img:hover {
-	border: 1px solid black;
-}
-
-.comment hr {
-	height: 0px;
-}
-
-.corr-header {
-    overflow: auto;
-}
-
-.author {
-    font-weight: bold;
-    float: left;
-    margin-top: 3px;
-}
-
 /**** ROZLIŠENÍ MEZI LOKÁLNÍM, TESTOVACÍM A PRODUKČNÍM WEBEM ****/
 body.localweb, body.testweb, body.suprodweb {
 	&:before, &:after {