pedagogy: wrap all css inside a class named pedagogy to avoid name clashes

core/static/core/style.scss

@@ -1683,6 +1683,8 @@ $pedagogy-light-blue: #caf0ff;
 $pedagogy-white-text: #f0f0f0;
 
 .pedagogy {
+    font-family: "Fira Sans";
+
     &.star-not-checked {
       color : #f7f7f7;
       margin-bottom: 0px;
@@ -1704,10 +1706,8 @@ $pedagogy-white-text: #f0f0f0;
         margin-right: 5px;
       }
     }
-}
 
-#dynamic_view {
-  font-family: "Fira Sans";
+  #dynamic_view {
     font-size: 1.1em;
 
     table {
@@ -1718,10 +1718,9 @@ $pedagogy-white-text: #f0f0f0;
       border: none;
     }
 
-}
+  }
 
-#search_form {
-  font-family: "Fira Sans";
+  #search_form {
     margin: 0px;
     width: 100%;
 
@@ -1764,10 +1763,9 @@ $pedagogy-white-text: #f0f0f0;
     #radioAUTUMN + label {
       margin-left: 50px;
     }
-}
+  }
 
-#pedagogy {
-  font-family: "Fira Sans";
+  #uv_detail {
     color: #062f38;
 
     .uv-quick-info-container {
@@ -2073,4 +2071,5 @@ $pedagogy-white-text: #f0f0f0;
         }
       }
     }
+  }
 }

pedagogy/templates/pedagogy/guide.jinja

@@ -6,7 +6,8 @@
 {% endblock %}
 
 {% block content %}
-<form id="search_form" action="{{ url('pedagogy:guide') }}" method="get">
+<div class="pedagogy">
+	<form id="search_form" action="{{ url('pedagogy:guide') }}" method="get">
 		{% if can_create_uv(user) %}
 		<p>
 			<a href="{{ url('pedagogy:uv_create') }}">{% trans %}Create UV{% endtrans %}</a>
@@ -35,9 +36,9 @@
 			<span><input type="checkbox" name="semester" id="radioAP" value="AUTUMN_AND_SPRING"><label for="radioAP">AP</label></span>
 		</div>
 		<input type="text" name="json" hidden>
-</form>
-<br>
-<table id="dynamic_view">
+	</form>
+	<br>
+	<table id="dynamic_view">
 		<thead>
 			<tr>
 				<td>{% trans %}UV{% endtrans %}</td>
@@ -76,8 +77,8 @@
 			</tr>
 			{% endfor %}
 		</tbody>
-</table>
-
+	</table>
+</div>
 <script>
 	function autofillCheckboxRadio(name){
 			if (urlParams.has(name)){ $("input[name='" + name + "']").each(function(){

pedagogy/templates/pedagogy/uv_detail.jinja

@@ -7,7 +7,8 @@
 {% endblock %}
 
 {% block content %}
-	<div id="pedagogy">
+<div class="pedagogy">
+	<div id="uv_detail">
 		<p id="return_noscript"><a href="{{ url('pedagogy:guide') }}">{% trans %}Back{% endtrans %}</a></p>
 		<button id="return_js" onclick='(function(){
 			// If comes from the guide page, go back with history
@@ -192,8 +193,9 @@
 		{% endif %}
 
 	</div>
+</div>
 
-	<script type="text/javascript">
+<script type="text/javascript">
 	$("#return_noscript").hide();
 	$("#return_js").show();
 	var icons = {
@@ -212,5 +214,5 @@
 	$(document).ready(function(){
 		$(".ui-accordion-header-icon").first().removeClass("ui-icon");
 	});
-	</script>
+</script>
 {% endblock %}