Datum- en tijdkiezer namen te veel ruimte in bij Chromium-browsers

waardoor overflow kwam

Author: klascal

index.html

@@ -462,6 +462,7 @@ <h2>Afspraak toevoegen</h2>
           <div style="display: flex; padding: 0">
             <div
               class="material-textfield"
+              id="dateDiv"
               style="
                 flex: 1;
                 background: none;
@@ -475,6 +476,7 @@ <h2>Afspraak toevoegen</h2>
             </div>
             <div
               class="material-textfield"
+              id="timeDiv"
               style="
                 flex: 1;
                 background: none;
@@ -492,7 +494,11 @@ <h2>Afspraak toevoegen</h2>
               />
               <label for="custStart">Starttijd</label>
             </div>
-            <div class="material-textfield" style="flex: 1; background: none">
+            <div
+              class="material-textfield"
+              id="timeDiv"
+              style="flex: 1; background: none"
+            >
               <input
                 type="time"
                 id="custEnd"

style.css

@@ -1192,6 +1192,17 @@ dialog.right #content {
 .addBtn {
   margin-left: 0.5rem;
 }
+#timeDiv {
+  max-width: 5rem;
+}
+@supports (-webkit-font-smoothing: antialiased) {
+  #dateDiv {
+    max-width: 8.5rem;
+  }
+  #timeDiv {
+    max-width: 5.5rem;
+  }
+}
 @media (min-width: 500px) {
   dialog.right {
     margin: 0;