инфо о предмете

application/views/student/subject.twig

@@ -23,13 +23,17 @@
 {% import 'student/subject' as mod %}
 {% block title %}{{ Subject.Title|default('Предмет')  }}{% endblock %}
 {% block main_top_title %} {{ Subject.Title|default('Предмет')  }} {% endblock %}
+
 {% block main_content %}
+
 <div class='main_teachers'>
-    <b>Преподаватели:</b> {{ Subject.Teachers }}<br>
-    <b>Форма промежуточной аттестации:</b> {{ Subject.Control }}<br>
-    <b>Всего {{ Subject.LectureHours + Subject.SeminarHours }} ч.</b>, в том числе 
-    <b>{{ Subject.LectureHours }} ч.</b> лекций и <b>{{ Subject.SeminarHours }} ч.</b> практики
+    <div class="main_teachers_content">
+        <div class="teachers_part_color"><div class="teachers_tittle">Преподаватели:</div> <div class="teachers_info">{{ Subject.Teachers }}</div> </div>
+        <div class="teachers_part_color"><div class="teachers_tittle">Форма промежуточной аттестации:</div>  <div class="teachers_info">{{ Subject.Control }} </div></div>
+        <div class="teachers_part_color"><div class="teachers_tittle">Часов: </div>  <div class="teachers_info"> {{ Subject.LectureHours + Subject.SeminarHours }} (</div><div class="teachers_tittle"> Лекций:</div> <div class="teachers_info">{{ Subject.LectureHours }}</div> <div class="teachers_tittle"> Практики:</div> <div class="teachers_info">{{ Subject.SeminarHours }})</div> </div>
+    </div>
 </div>
+
 <div class="main_modules">
 	{% for i in range(1, discipline.ModulesCount) %}
             <table border="0" cellspacing="0" class="module_table">

media/css/modules.css

+
+.main_teachers_content {
+	margin-top: 20px;
+	text-align: center;
+	/*background-color: #f1f1f1; */
+}
+
+.teachers_part_color {
+	padding-left: 5px;
+	padding-right: 5px;
+	background-color: #f1f1f1;
+	display: inline-block;
+}
+
+.teachers_tittle {
+	display: inline-block;
+	font: 10pt sans-serif;
+	color: #2bbd1a;	
+}
+
+.teachers_info {
+	display: inline-block;
+	font: 9pt sans-serif;
+	color: #757575;	
+}
+
 .main_modules { 
 	padding-left: 20px;
 	padding-right: 20px;
 }  
 
+
 .module_table {
 	margin-top: 20px;
     margin-left:auto;