Limit info height to max for viewport in mobile view

Remove padding around non-tripcode tripcode in the nojs chat form

.gitignore

@@ -1,2 +1,3 @@
 __pycache__/
 stream/
+*~

anonstream/static/style.css

@@ -61,13 +61,15 @@ noscript {
 }
 #info_js {
   overflow-y: auto;
-  margin: 1ch 1.5ch;
+  padding: 1ch 1.5ch;
+  height: 100%;
 }
 #info_js__title {
   font-size: 18pt;
+  overflow-wrap: anywhere;
 }
 #info_nojs {
-  height: var(--nojs-info-height);
+  height: 100%;
 }
 
 #chat {
@@ -213,6 +215,9 @@ footer {
 #both:target #info_nojs {
   height: 9ch;
 }
+#info:target {
+  grid-row-end: chat-end;
+}
 
 @media (min-width: 720px) {
   :root {
@@ -241,7 +246,4 @@ footer {
     border-left: var(--chat-border);
     min-height: 100%;
   }
-  #both:target #info_nojs {
-    height: var(--nojs-info-height);
-  }
 }

anonstream/templates/home.html

@@ -15,7 +15,7 @@
       <noscript><iframe id="chat-messages_nojs" src="{{ url_for('nojs_chat', token=user.token, _anchor='bottom') }}" data-js="false"></iframe></noscript>
     </article>
     <section id="chat__form">
-      <noscript><iframe id="chat-form_nojs" src="{{ url_for('nojs_form', token=user.token, _anchor='notice') }}" data-js="false"></iframe></noscript>
+      <noscript><iframe id="chat-form_nojs" src="{{ url_for('nojs_form', token=user.token) }}" data-js="false"></iframe></noscript>
     </section>
   </aside>
   <nav id="toggle">

anonstream/templates/nojs_form.html

@@ -35,6 +35,9 @@
       font-family: monospace;
       cursor: default;
     }
+    .tripcode:not(#tripcode) {
+      padding: 0;
+    }
     #tripcode {
       cursor: pointer;
       margin-right: 4px;

anonstream/templates/nojs_info.html

@@ -7,10 +7,11 @@
       overflow-y: auto;
       margin: 1ch 1.5ch;
       font-family: sans-serif;
+      color: #ddd;
     }
     #title {
-      color: #ddd;
       font-size: 18pt;
+      overflow-wrap: anywhere;
     }
   </style>
 </head>