From 5cf8320c5f831714ec89a5663fad9c0f6d162316 Mon Sep 17 00:00:00 2001
From: Braun Patrik <braun.patrik@aut.bme.hu>
Date: Sat, 15 Jul 2017 18:25:29 +0200
Subject: [PATCH] improving directory design

---
 .../directory/directory.gallery.component.css        | 12 ++++++++----
 .../directory/directory.gallery.component.html       |  2 +-
 frontend/app/gallery/gallery.component.css           |  5 +++++
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/frontend/app/gallery/directory/directory.gallery.component.css b/frontend/app/gallery/directory/directory.gallery.component.css
index 19d224e0..7d51b81f 100644
--- a/frontend/app/gallery/directory/directory.gallery.component.css
+++ b/frontend/app/gallery/directory/directory.gallery.component.css
@@ -4,12 +4,11 @@ a {
 
 .photo-container {
     border: 2px solid #333;
-    width: 150px;
-    height: 150px;
+  width: 180px;
+  height: 180px;
 
     background-color: #bbbbbb;
 }
-
 .no-image {
 
     color: #7f7f7f;
@@ -49,4 +48,9 @@ a:hover .info {
 
 a:hover .photo-container {
     border-color: #000;
-}
\ No newline at end of file
+}
+
+.directory-name {
+  width: 180px;
+  white-space: normal;
+}
diff --git a/frontend/app/gallery/directory/directory.gallery.component.html b/frontend/app/gallery/directory/directory.gallery.component.html
index b947544c..2b34a20a 100644
--- a/frontend/app/gallery/directory/directory.gallery.component.html
+++ b/frontend/app/gallery/directory/directory.gallery.component.html
@@ -14,7 +14,7 @@
   </div>
   <!--Info box -->
   <div #info class="info">
-    <div class="photo-name">{{directory.name}}</div>
+    <div class="directory-name">{{directory.name}}</div>
 
   </div>
 </a>
diff --git a/frontend/app/gallery/gallery.component.css b/frontend/app/gallery/gallery.component.css
index e00c8b47..e8f7df1c 100644
--- a/frontend/app/gallery/gallery.component.css
+++ b/frontend/app/gallery/gallery.component.css
@@ -10,3 +10,8 @@ gallery-map {
   margin-right: 2px;
   margin-left: 2px;
 }
+
+gallery-directory {
+  margin: 2px;
+  display: inline-block;
+}