css fix

backend/WebSem/.idea/.idea.WebSem/.idea/workspace.xml

         <entry file="file://$PROJECT_DIR$/WebApiWebSem/NuGet.Config">
           <provider selected="true" editor-type-id="text-editor">
             <state relative-caret-position="108">
-              <caret line="6" column="16" lean-forward="false" selection-start-line="6" selection-start-column="16" selection-end-line="6" selection-end-column="16" />
+              <caret line="6" column="16" lean-forward="true" selection-start-line="6" selection-start-column="16" selection-end-line="6" selection-end-column="16" />
               <folding />
             </state>
           </provider>
       <workItem from="1487345029610" duration="5634000" />
       <workItem from="1487441650798" duration="14018000" />
       <workItem from="1487528667649" duration="13931000" />
-      <workItem from="1487802391451" duration="9085000" />
+      <workItem from="1487802391451" duration="10532000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="49882000" />
+    <option name="totallyTimeSpent" value="51329000" />
   </component>
   <component name="TodoView">
     <todo-panel id="selected-file">
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="0" width="1920" height="1061" extended-state="0" />
+    <editor active="true" />
     <layout>
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32908705" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
       <window_info id="Errors In Solution" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32976446" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Run Dashboard" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="10" side_tool="false" content_ui="tabs" />
       <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.2282378" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
-      <window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.19745223" sideWeight="0.5" order="12" side_tool="false" content_ui="tabs" />
+      <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.19745223" sideWeight="0.5" order="12" side_tool="false" content_ui="tabs" />
       <window_info id="NuGet" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.24203822" sideWeight="0.5" order="13" side_tool="false" content_ui="tabs" />
       <window_info id="Change Signature" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
       <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.21841542" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
     <entry file="file://$PROJECT_DIR$/WebApiWebSem/NuGet.Config">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="108">
-          <caret line="6" column="16" lean-forward="false" selection-start-line="6" selection-start-column="16" selection-end-line="6" selection-end-column="16" />
+          <caret line="6" column="16" lean-forward="true" selection-start-line="6" selection-start-column="16" selection-end-line="6" selection-end-column="16" />
           <folding />
         </state>
       </provider>

frontend/WebSem/app/less/app.less

   .justify-text();
 }
 
+.grid-picture {
+  cursor: pointer;
+  img {
+    max-width: 100%;
+    max-height: 100%;
+  }
+}
+
 .image-grid {
   .red {
     background: #ff8a80;

frontend/WebSem/app/views/articlesCategory.html

         <span flex="15"></span>
         <md-grid-list class="image-grid" md-cols="4" md-row-height="200px" md-row-height-gt-sm="300px"
                       md-row-height-gt-md="450px" md-gutter="4px" flex="60">
-            <md-grid-tile ng-repeat="item in items.data" class="red" md-colspan="{{$index < 2 ? 2 : 1}}" md-rowspan="1">
-                <a ui-sref="articles_view({id: item.id, item: item})">
-                    <img class="article-picture" ng-src="{{item.pictureUrl}}">
-                    <md-grid-tile-footer><h3>{{ item.title }}</h3></md-grid-tile-footer>
-                </a>
+            <md-grid-tile ng-repeat="item in items.data" class="red grid-picture" md-colspan="{{$index < 2 ? 2 : 1}}"
+                          ng-class="{red: itemType == 'persons', purple: itemType == 'countries', blue: itemType == 'locations'}"
+                          md-rowspan="1" ui-sref="articles_view({id: item.id, item: item})">
+                <img class="article-picture" ng-src="{{item.pictureUrl}}">
+                <md-grid-tile-footer><h3>{{ item.title }}</h3></md-grid-tile-footer>
             </md-grid-tile>
         </md-grid-list>
     </div>

frontend/WebSem/app/views/home.html

     <div layout="row">
         <span flex="25"></span>
         <md-grid-list class="image-grid" md-cols="2" md-row-height="200px" md-row-height-gt-sm="300px" md-row-height-gt-md="450px" md-gutter="4px" flex="40">
-            <md-grid-tile class="red" md-colspan="2" md-rowspan="1">
-                <a ui-sref="persons">
-                    <img class="article-picture" src="http://commons.wikimedia.org/wiki/Special:FilePath/Sir_Winston_S_Churchill.jpg?width=300">
-                    <md-grid-tile-footer><h3>{{ 'persons.name' | translate }}</h3></md-grid-tile-footer>
-                </a>
+            <md-grid-tile class="red grid-picture" md-colspan="2" md-rowspan="1" ui-sref="persons">
+                <img src="http://commons.wikimedia.org/wiki/Special:FilePath/Sir_Winston_S_Churchill.jpg?width=300">
+                <md-grid-tile-footer><h3>{{ 'persons.name' | translate }}</h3></md-grid-tile-footer>
             </md-grid-tile>
-            <md-grid-tile class="purple" md-colspan="1" md-rowspan="1">
-                <a ui-sref="countries">
-                    <img class="article-picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Flag_of_Canada_%28Pantone%29.svg/1000px-Flag_of_Canada_%28Pantone%29.svg.png">
-                    <md-grid-tile-footer><h3>{{ 'countries.name' | translate }}</h3></md-grid-tile-footer>
-                </a>
+            <md-grid-tile class="purple grid-picture" md-colspan="1" md-rowspan="1" ui-sref="countries">
+                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Flag_of_France.svg/256px-Flag_of_France.svg.png">
+                <md-grid-tile-footer><h3>{{ 'countries.name' | translate }}</h3></md-grid-tile-footer>
             </md-grid-tile>
-            <md-grid-tile class="blue" md-colspan="1" md-rowspan="1">
-                <a ui-sref="locations">
-                    <img class="article-picture" src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg/langfr-280px-Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg.png">
-                    <md-grid-tile-footer><h3>{{ 'locations.name' | translate }}</h3></md-grid-tile-footer>
-                </a>
+            <md-grid-tile class="blue grid-picture" md-colspan="1" md-rowspan="1" ui-sref="locations">
+                <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/44/Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg/langfr-280px-Europe_orthographic_Caucasus_Urals_boundary_%28with_borders%29.svg.png">
+                <md-grid-tile-footer><h3>{{ 'locations.name' | translate }}</h3></md-grid-tile-footer>
             </md-grid-tile>
         </md-grid-list>
     </div>