Оптимизация Ui, изменение дизайна выбора групп факультета

tpl/headman.html

@@ -70,7 +70,7 @@
                                 {/foreach}
                             </tbody>
                         </table>
-                        <div class="" style="width: 100%; text-align: center">
+                        <div class="" style="width: 100%; text-align: center; margin-top: 1em;">
                             <button type="submit" class="btn btn-success"> Сделать старостой</button>
                         </div>
 

tpl/main_page.html

@@ -1,3 +1,19 @@
+<style>
+    .group_tab{
+        border: 1px solid #ddd;
+        border-radius: 3px!important;
+        background-color: #f9f9f9;
+        text-align: center;
+        margin: 0.5em;
+        text-decoration: none!important;
+        font-size: 16px;
+    }
+    .group_tab:hover {
+        transition: 0.3s ease-in-out;
+        transform: scale(1.2) ;
+    }
+
+</style>
 <div class="row-fluid">
     <div class="span">
         <h3 class="page-title"> Посещаемость </h3>
@@ -26,7 +42,7 @@
 </div>
 {if $des == 'show'}
     {if $currentUserInfo.role != 'student'}
-        <a href="/modul/attendancelog/" role="button" class="btn"> Вернуться </a>
+        <a href="/modul/attendancelog/" role="button" class="btn" style="margin-bottom: 1em;"> Вернуться </a>
     {/if}
     <div class="row-fluid">
         <div class="span12">
@@ -137,37 +153,23 @@
     </div>
 {else}
         <div class="row-fluid">
-            <div class="span7">
+            <div class="span6">
                 <div class="widget yellow">
                     <div class="widget-title">
                         <h4><i class="icon-reorder"></i>Группы моего факультета </h4>
                         <span class="tools"><a href="javascript:;" class="icon-chevron-down"></a></span>
                     </div>
-                    <div class="widget-body" style="height: 40em; overflow:scroll; overflow-x:hidden;">
+                    <div class="widget-body" style="height: 40em; overflow-y:auto;">
-                        <table class="table table-striped table-bordered">
+                        <div class="" style="width:100%; text-align: center"> <h4>{$currentUserInfo.facult.facult_name}</h4>  </div>
-                            <caption><h4>{$currentUserInfo.facult.facult_name}</h4> </caption>
+
-                            <thead>
+                        {foreach from=$facult_groups key=key item=group}
-                            <tr>
+                            <a class="span2 group_tab " href="/modul/attendancelog/main/show/{$group['id']}/">{$group.sokr}</a>
-                                <th>Название</th>
+                        {/foreach}
-                                <th>Форма обучения</th>
-                                <th>Курс</th>
-                            </tr>
-                            </thead>
-                            <tbody>
-                            {foreach from=$facult_groups key=key item=group}
-                            <tr>
-                                <td><a href="/modul/attendancelog/main/show/{$group['id']}/">{$group.sokr}</a></td>
-                                <td>{$group['fo']}</td>
-                                <td>{$group['kurs']}</td>
-                            </tr>
-                            {/foreach}
-                            </tbody>
-                        </table>
                     </div>
                 </div>
 
             </div>
-            <div class="span5">
+            <div class="span6">
                 <div class="widget red">
                     <div class="widget-title">
                         <h4><i class="icon-reorder"></i> Все группы</h4>