From ee4d4e7ae5bb8b6f57b5c3516a032fe3077debc1 Mon Sep 17 00:00:00 2001
From: Eike Kettner <eike.kettner@posteo.de>
Date: Sun, 17 May 2020 21:58:19 +0200
Subject: [PATCH] Improve responsiveness of detail view

---
 modules/webapp/src/main/elm/Comp/ItemCardList.elm |  2 +-
 modules/webapp/src/main/elm/Comp/ItemDetail.elm   |  4 ++--
 modules/webapp/src/main/elm/Page/Home/View.elm    | 11 ++++++++---
 3 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/modules/webapp/src/main/elm/Comp/ItemCardList.elm b/modules/webapp/src/main/elm/Comp/ItemCardList.elm
index cf97719f..d5511b34 100644
--- a/modules/webapp/src/main/elm/Comp/ItemCardList.elm
+++ b/modules/webapp/src/main/elm/Comp/ItemCardList.elm
@@ -149,7 +149,7 @@ viewItem item =
                     ]
                 ]
             , span [ class "right floated meta" ]
-                [ Util.Time.formatDateShort item.date |> text
+                [ Util.Time.formatDate item.date |> text
                 ]
             ]
         , div [ class "content" ]
diff --git a/modules/webapp/src/main/elm/Comp/ItemDetail.elm b/modules/webapp/src/main/elm/Comp/ItemDetail.elm
index 3eab2894..6dcbb43c 100644
--- a/modules/webapp/src/main/elm/Comp/ItemDetail.elm
+++ b/modules/webapp/src/main/elm/Comp/ItemDetail.elm
@@ -1072,7 +1072,7 @@ view inav model =
             [ Html.map DeleteItemConfirm (Comp.YesNoDimmer.view model.deleteItemConfirm)
             , div
                 [ classList
-                    [ ( "four wide column", True )
+                    [ ( "sixteen wide mobile six wide tablet five wide computer column", True )
                     , ( "invisible", not model.menuOpen )
                     ]
                 ]
@@ -1084,7 +1084,7 @@ view inav model =
                 )
             , div
                 [ classList
-                    [ ( "twelve", model.menuOpen )
+                    [ ( "sixteen wide mobile ten wide tablet eleven wide computer column", model.menuOpen )
                     , ( "sixteen", not model.menuOpen )
                     , ( "wide column", True )
                     ]
diff --git a/modules/webapp/src/main/elm/Page/Home/View.elm b/modules/webapp/src/main/elm/Page/Home/View.elm
index 07d393bb..dbc89548 100644
--- a/modules/webapp/src/main/elm/Page/Home/View.elm
+++ b/modules/webapp/src/main/elm/Page/Home/View.elm
@@ -14,7 +14,9 @@ view model =
     div [ class "home-page ui padded grid" ]
         [ div
             [ classList
-                [ ( "sixteen wide mobile six wide tablet four wide computer column", True )
+                [ ( "sixteen wide mobile six wide tablet four wide computer column"
+                  , True
+                  )
                 , ( "invisible hidden", model.menuCollapsed )
                 ]
             ]
@@ -55,7 +57,9 @@ view model =
             ]
         , div
             [ classList
-                [ ( "sixteen wide mobile ten wide tablet twelve wide computer column", not model.menuCollapsed )
+                [ ( "sixteen wide mobile ten wide tablet twelve wide computer column"
+                  , not model.menuCollapsed
+                  )
                 , ( "sixteen wide column", model.menuCollapsed )
                 ]
             ]
@@ -80,7 +84,8 @@ view model =
                         resultPlaceholder
 
                     else
-                        Html.map ItemCardListMsg (Comp.ItemCardList.view model.itemListModel)
+                        Html.map ItemCardListMsg
+                            (Comp.ItemCardList.view model.itemListModel)
 
                 Detail ->
                     div [] []