Set max-width of datetime edit-popovers to 350px, align pointer to the left.

Author: g1eb

src/date-input.css

@@ -64,6 +64,7 @@
   z-index: 5;
   top: 4.5em;
   width: 100%;
+  min-width: 350px;
   height: auto;
   padding: 0;
   background-color: #efefef;
@@ -87,7 +88,7 @@
   width: 1em;
   height: 1em;
   top: -0.55em;
-  left: 47.5%;
+  left: 10%;
   z-index: 2;
   border-color: #aaa;
   border-style: solid;

src/datetime-input.css

@@ -71,6 +71,7 @@
   z-index: 5;
   top: 4.5em;
   width: 100%;
+  min-width: 350px;
   height: auto;
   padding: 0;
   background-color: #efefef;
@@ -94,7 +95,7 @@
   width: 1em;
   height: 1em;
   top: -0.55em;
-  left: 47.8%;
+  left: 10%;
   z-index: 2;
   border-color: #aaa;
   border-style: solid;

src/time-input.css

@@ -72,6 +72,7 @@
   z-index: 5;
   top: 4.5em;
   width: 100%;
+  min-width: 350px;
   height: auto;
   padding: 0;
   background-color: #efefef;
@@ -95,7 +96,7 @@
   width: 1em;
   height: 1em;
   top: -0.55em;
-  left: 47.5%;
+  left: 10%;
   z-index: 2;
   border-color: #aaa;
   border-style: solid;