Styles improvements

uaoleg · Jul 27, 2015 · 5d88ac4 · 5d88ac4
1 parent 002b7ff
commit 5d88ac4
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 11 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -4,12 +4,16 @@
     box-shadow: 1px 1px 1px #999;
 }
 
+.deputy-info a {
+    color: rgb(102, 102, 102);
+}
+
 .deputy-info tr {
     vertical-align: top;
 }
 
 .deputy-info td {
-    padding-top: 5px;
+    padding: 5px 0;
 }
 
 .deputy-info td:first-child {

diff --git a/img/icon/facebook-16.png b/img/icon/facebook-16.png
diff --git a/img/icon/facebook.png b/img/icon/facebook.png
diff --git a/index.html b/index.html
@@ -81,24 +81,30 @@ <h1 style="font-size: 42px; text-align: center;">Універсальний пе
                                 <td>
                                     <h4 style="margin: 10px 0 0;">
                                         {{deputy.name}}
-                                        <br>
-                                        <a href="http://itd.rada.gov.ua/mps/info/page/{{deputy.id}}" target="_blank">
-                                            <img src="img/icon/rada.png" class="fading" tooltip="Верховна Рада" tooltip-popup-delay="1000">
-                                        </a>
-                                        <a href="{{deputy.facebook}}" target="_blank" ng-if="deputy.facebook">
-                                            <img src="img/icon/facebook.png" class="fading" tooltip="Facebook" tooltip-popup-delay="1000">
-                                        </a>
                                     </h4>
                                     <table class="deputy-info">
+                                        <tr style="vertical-align: middle;">
+                                            <td><span class="glyphicon glyphicon-globe" tooltip="Офіційна веб-сторінка" tooltip-placement="left" tooltip-popup-delay="1000"></span></td>
+                                            <td>
+                                                <a href="http://itd.rada.gov.ua/mps/info/page/{{deputy.id}}" target="_blank">
+                                                    Верховна Рада</a><span ng-if="deputy.facebook">,</span>
+                                                <img src="img/icon/facebook-16.png"
+                                                     ng-if="deputy.facebook"
+                                                     tooltip="Персональна веб-сторінка" tooltip-placement="left" tooltip-popup-delay="1000"
+                                                     style="margin: -4px 0 0 5px; opacity: 0.4;">
+                                                <a href="{{deputy.facebook}}" target="_blank" ng-if="deputy.facebook">
+                                                    Facebook</a>
+                                            </td>
+                                        </tr>
                                         <tr ng-if="deputy.phones.length">
-                                            <td><span class="glyphicon glyphicon-earphone" tooltip="Контактні телефони" tooltip-popup-delay="1000"></span></td>
+                                            <td><span class="glyphicon glyphicon-earphone" tooltip="Контактні телефони" tooltip-placement="left" tooltip-popup-delay="1000"></span></td>
                                             <td>
                                                 <small ng-repeat="phone in deputy.phones">{{deputy.phones[0]}}{{$last ? '' : ', '}}</small>
                                             </td>
                                         </tr>
                                         <tr ng-if="deputy.district">
-                                            <td><span class="glyphicon glyphicon-check" tooltip="Виборчий округ" tooltip-popup-delay="1000"></span></td>
-                                            <td><small>№{{deputy.district.id}}, {{deputy.district.region}}</small></td>
+                                            <td><span class="glyphicon glyphicon-check" tooltip="Виборчий округ" tooltip-placement="left" tooltip-popup-delay="1000"></span></td>
+                                            <td><small>Округ №{{deputy.district.id}}, {{deputy.district.region}}</small></td>
                                         </tr>
                                     </table>
                                 </td>