From 08064b181d774ba08dd50966b53b00a998eefbee Mon Sep 17 00:00:00 2001 From: azivner Date: Sun, 24 Sep 2017 20:22:07 -0400 Subject: [PATCH] main layout improvements - whole thing is now limited to 1100px wide (again) --- src/templates/app.html | 103 +++++++++++++++++++++-------------------- static/style.css | 14 +++--- 2 files changed, 60 insertions(+), 57 deletions(-) diff --git a/src/templates/app.html b/src/templates/app.html index e335f2e60..048470c0c 100644 --- a/src/templates/app.html +++ b/src/templates/app.html @@ -5,71 +5,72 @@ Notecase web app -
-

- - - - -

-
+
+
+

+ + + + +

+
-
- - Create new top level note - - - - Collapse tree - - - - Collapse tree - -
- -
-
- -
-
-
+ Create new top level note - + Collapse tree -   + + Collapse tree + +
- +
+
-
- - +
+
+ - +   -
- -
+ + +
+ + + + + +   + +
+ +
+
-
-
-
+
+
diff --git a/static/style.css b/static/style.css index 8da03b46f..218800733 100644 --- a/static/style.css +++ b/static/style.css @@ -1,15 +1,17 @@ -body { - display: grid; +#container { + max-width: 1100px; + margin: 0 auto; /* center */ height: 100vh; - grid-template-areas: "messages messages" - "search title" + + display: grid; + grid-template-areas: "search title" "tree-buttons note-content" "tree note-content"; - grid-template-columns: 1fr 3fr; + grid-template-columns: 2fr 5fr; grid-template-rows: auto - auto auto 1fr; + justify-content: center; grid-gap: 10px; }