From be71388a3fdf38df7357192cf001436476c66ff9 Mon Sep 17 00:00:00 2001
From: Krivchikov Dmitry <KrivchikovDA@gmail.com>
Date: Wed, 6 Apr 2016 22:57:41 +0300
Subject: [PATCH] =?UTF-8?q?FIX=20=D0=BE=D1=82=D0=BE=D0=B1=D1=80=D0=B0?=
 =?UTF-8?q?=D1=89=D0=B5=D0=BD=D0=B8=D0=B5=20=D0=BB=D0=B5=D0=BD=D1=82=D1=8B?=
 =?UTF-8?q?=20=D0=BD=D0=B0=20=D0=BC=D0=B0=D0=BB=D0=B5=D0=BD=D1=8C=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=BC=20=D1=8D=D0=BA=D1=80=D0=B0=D0=BD=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/css/style.css |  4 ++++
 views/feed/index.php | 12 +++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index 05766a1..c41fa92 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -171,4 +171,8 @@ img.imageInArticle {border: solid 3px white;max-width: 100%;}
 @media screen and (max-width:400px) {
 	a.randomPointAImg {margin: 0 0 10px 0; display: block;width: 100%;text-align: center;}
 	div.infoCard div.photoContainer {float: none; margin: 0 auto 10px auto;}
+
+    div.container.feed div.row.elements div.element {width: 100%;}
+    div.container.feed div.row.elements div.element a.imgContainer {margin: 0 0 10px 0; display: block; width: 100%;text-align: center;}
+    div.container.feed div.row.elements div.element a img.elementImg {margin: 0; display: inline;max-width: 100%; float: none;}
 }
diff --git a/views/feed/index.php b/views/feed/index.php
index ff97faa..d27e24c 100644
--- a/views/feed/index.php
+++ b/views/feed/index.php
@@ -1,5 +1,5 @@
 <div id="pageSmoothBackground" style="background-image: url(<?= current($points)->getImg('middle') ?>);"></div>
-<div class="container">
+<div class="container feed">
 	<div class="row elements">
 		<div class="col-md-2">
 			<h4 class="onlySmallScreen text-center">Новости</h4>
@@ -10,13 +10,14 @@
 			</div>
 			<?php endforeach;?>
 		</div>
+		<hr class="onlySmallScreen"/>
 		<div class="col-md-5">
 			<h4 class="onlySmallScreen text-center">Точки</h4>
 			<?php foreach ($points as $item) : ?>
 			<div class="element points">
 				<h4><?= $item->name ?></h4>
-				<a href="/point/<?= $item->id ?>">
-					<img src="<?= $item->getImg() ?>"/>
+				<a href="/point/<?= $item->id ?>" class="imgContainer">
+					<img src="<?= $item->getImg() ?>" class="elementImg"/>
 				</a>
 				<?= mb_substr($item->description, 0, 400, 'UTF-8') ?>…
 				<a href="/point/<?= $item->id ?>"><nobr>читать далее »</nobr></a>
@@ -25,14 +26,15 @@
 			<br/>
 			<a href="/page/points/"><h4 style="text-align: center;">У нас есть больше новых точек!</h4></a>
 		</div>
+		<hr class="onlySmallScreen"/>
 		<div class="col-md-5">
 			<h4 class="onlySmallScreen text-center">Статьи</h4>
 			<?php foreach ($articles as $item) : ?>
 			<div class="element articles">
 				<h4><?= $item->title ?></h4>
 				<?php if($item->hasImg()): ?>
-					<a href="/article/<?= $item->id ?>">
-						<img src="<?= $item->getImg() ?>"/>
+					<a href="/article/<?= $item->id ?>" class="imgContainer">
+						<img src="<?= $item->getImg() ?>" class="elementImg"/>
 					</a>
 				<?php endif; ?>
 				<?= mb_substr(Markdown::getClear($item->text), 0, 400, 'UTF-8') ?>…