Fix minor style issues

Author: ihalaij1

assets/css/main.css

@@ -1,6 +1,10 @@
 .hljs {
 	padding: 0;
 }
+pre.hljs:focus-visible {
+	box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);
+	outline: none;
+}
 table.src tr td.num {
 	color: #6a737d;
 	border-right: 1px solid var(--bs-border-color);

assets/css/main.css.map

@@ -53,9 +53,6 @@
 	li.header {
 		padding-top: 0;
 	}
-	.sidebar-lang-menu {
-		margin-top: 6px;
-	}
 	div.offcanvas-body {
 		width: 24px;
 	}

assets/sass/components/_highlight.scss

@@ -62,7 +62,6 @@ $card-title-spacer-y: 0px;
 // Legacy panel look for BS5 cards
 //$card-bg: #f5f5f5;
 
-$primary-border-subtle: $aplus-focus;
 $focus-ring-color: $aplus-focus;
 $input-focus-border-color: $aplus-focus;
 

assets/sass/components/_sidebar.scss

@@ -28,7 +28,7 @@ <h4 class="course-menu-label" id="course-menu-heading">{% translate "COURSE" %}<
 </div>
 
 {% if instance.language|first == "|" %}
-<div class="sidebar-lang-menu d-block dropdown mb-2">
+<div class="sidebar-lang-menu d-block dropdown mb-1">
 	<button class="aplus-button--secondary aplus-button--sm" id="sidebar-lang-dropdown" type="button"
 		data-bs-toggle="dropdown" title="{% translate "CHANGE_LANGUAGE" %}"
 		aria-label="{% translate "CHANGE_LANGUAGE" %}" aria-haspopup="true" aria-expanded="false"

assets/sass/main.scss

@@ -149,7 +149,7 @@ <h4>{% trans "Calendar" %}</h4>
 			</ol>
 		</nav>
 		{% endblock %}
-		<main class="row">
+		<main class="row mb-2">
 			{% block columns %}
 			<div class="col-xl-9">
 				{% block coursecontent %}