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";
     font-size: 1.1em;
 
     table {
@@ -1721,7 +1721,6 @@ $pedagogy-white-text: #f0f0f0;
   }
 
   #search_form {
-  font-family: "Fira Sans";
     margin: 0px;
     width: 100%;
 
@@ -1766,8 +1765,7 @@ $pedagogy-white-text: #f0f0f0;
     }
   }
 
-#pedagogy {
-  font-family: "Fira Sans";
+  #uv_detail {
     color: #062f38;
 
     .uv-quick-info-container {
@@ -2074,3 +2072,4 @@ $pedagogy-white-text: #f0f0f0;
       }
     }
   }
+}

pedagogy/templates/pedagogy/guide.jinja

@@ -6,6 +6,7 @@
 {% endblock %}
 
 {% block content %}
+<div class="pedagogy">
 	<form id="search_form" action="{{ url('pedagogy:guide') }}" method="get">
 		{% if can_create_uv(user) %}
 		<p>
@@ -77,7 +78,7 @@
 			{% endfor %}
 		</tbody>
 	</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,6 +193,7 @@
 		{% endif %}
 
 	</div>
+</div>
 
 <script type="text/javascript">
 	$("#return_noscript").hide();