apply some styling

astynax · Jun 5, 2021 · c13f0a3 · c13f0a3
1 parent cf4b06b
commit c13f0a3
Show file tree

Hide file tree

Showing 2 changed files with 51 additions and 3 deletions.
diff --git a/djaif/book/templates/page.html b/djaif/book/templates/page.html
@@ -7,7 +7,7 @@
     <link rel="icon" sizes="64x64" href="/static/favicon.png" type="image/png" />
   </head>
   <body>
-    <div class="main" style="display: flex;">
+    <div class="main">
       <div class="content">
         <h1>
           {{ page.title }}
@@ -70,7 +70,7 @@ <h3>Инвентарь</h3>
       </div>
       <div class="sidebar">
         <h3>Заметки</h3>
-        <form method="POST" style="display: grid;"
+        <form method="POST" class="new-note"
               action="{% url 'add_note' page.book.id %}">
           {% csrf_token %}
           <label for="memo-text">Новая</label>

diff --git a/static/page.css b/static/page.css
@@ -1,4 +1,52 @@
-.noteset {}
+body {
+  padding: 0;
+  margin: 0;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.main {
+  flex: 1 1;
+  display: flex;
+}
+
+.content {
+  flex: 1 1;
+  padding: 1em;
+  font-size: 150%;
+}
+
+.new-note {
+  display: flex;
+  flex-direction: column;
+}
+
+.sidebar {
+  padding: 0.2em;
+  background-color: lightgray;
+  font-size: 120%;
+}
+
+.noteset {
+  padding: 0;
+  margin: 0;
+}
+
+.noteset > li {
+  list-style: none;
+  border-bottom: 1pt black solid;
+}
+
+.noteset > li > pre {
+  margin: 0;
+  padding: 0.5em;
+  font-family: Serif;
+}
+
+.noteset-other {
+  background-color: white;
+}
 
 .noteset-page {
   background-color: greenyellow;