From 86fefe6c0d9e39e05d74bb0350441e4dc9212c9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luis=20=C3=81ngel=20San=20Mart=C3=ADn?=
 <luisangelsm@gmail.com>
Date: Mon, 17 Aug 2015 21:29:02 +0200
Subject: [PATCH] new visual style for grid view, with bigger covers and other
 visual improvements

---
 YACReaderLibrary/qml/GridComicsView.qml | 26 +++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/YACReaderLibrary/qml/GridComicsView.qml b/YACReaderLibrary/qml/GridComicsView.qml
index d947546c..c8c04d11 100644
--- a/YACReaderLibrary/qml/GridComicsView.qml
+++ b/YACReaderLibrary/qml/GridComicsView.qml
@@ -169,30 +169,44 @@ Rectangle {
             //cover
             Image {
                 id: coverElement
-                width: 148
-                height: 224
-                anchors {horizontalCenter: parent.horizontalCenter; top: realCell.top; topMargin: 4}
+                width: 156
+                height: 236
+                anchors {horizontalCenter: parent.horizontalCenter; top: realCell.top; topMargin: 0}
                 source: cover_path
                 fillMode: Image.PreserveAspectCrop
                 smooth: true
                 mipmap: true
                 asynchronous : true
-                cache: false //TODO clear cache only when it is neede
+                cache: false //TODO clear cache only when it is needed
+
             }
+
+            //border
+            Rectangle {
+                width: 156
+                height: 236
+                anchors {horizontalCenter: parent.horizontalCenter; top: realCell.top; topMargin: 0}
+                color: "transparent"
+                border {
+                    color: "#20FFFFFF"
+                    width: 1
+                }
+            }
+
             //mark
             Image {
                 id: mark
                 width: 23
                 height: 23
                 source: read_column&&show_marks?"tick.png":has_been_opened&&show_marks?"reading.png":""
-                anchors {right: coverElement.right; top: coverElement.top; topMargin: 11; rightMargin: 11}
+                anchors {right: coverElement.right; top: coverElement.top; topMargin: 9; rightMargin: 9}
                 asynchronous : true
             }
 
             //title
             Text {
                 id : titleText
-                anchors { top: realCell.top; left: realCell.left; leftMargin: 4; rightMargin: 4; topMargin: 234; }
+                anchors { top: realCell.top; left: realCell.left; leftMargin: 4; rightMargin: 4; topMargin: 238; }
                 width: 148
                 maximumLineCount: 2
                 wrapMode: Text.WordWrap