Fix styles

src/components/DatetimeWidget/DatetimeWidget.scss

@@ -0,0 +1,11 @@
+.datetime-widget {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  width: 100%;
+  margin: 0 -0.5rem 0.5rem;
+
+  > input {
+    margin: 0 0.5rem;
+  }
+}

src/components/DatetimeWidget/DatetimeWidget.tsx

@@ -1,4 +1,5 @@
 import * as React from "react";
+import "./DatetimeWidget.scss";
 
 export interface DatetimeWidgetProps {
   value: string;

src/components/SignupQuestionsWidget/SignupQuestionsWidget.scss

@@ -12,6 +12,6 @@
     display: flex;
     flex-flow: column nowrap;
     padding: 0.5rem;
-    background-color: $green;
+    background-color: $light-blue;
   }
 }

src/pages/AdminCommonPage/AdminCommonPage.scss

@@ -16,6 +16,10 @@
     width: 100%;
   }
 
+  .rjsf {
+    max-width: 600px;
+  }
+
   label {
     margin-bottom: 0.5rem;
   }

src/pages/EventCreatePage/EventCreatePage.scss

@@ -24,13 +24,8 @@
 
   input[type="text"],
   textarea,
-  select,
-  .datetime-widget {
-    width: 20rem;
-
-    @media screen and (max-width: 800px - 1px) {
-      width: 100%;
-    }
+  select {
+    width: 100%;
   }
 
   legend {
@@ -56,10 +51,4 @@
       }
     }
   }
-
-  .datetime-widget {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-  }
 }

src/pages/FeedCreatePage/FeedCreatePage.scss

@@ -24,13 +24,8 @@
 
   input[type="text"],
   textarea,
-  select,
-  .datetime-widget {
-    width: 20rem;
-
-    @media screen and (max-width: 800px - 1px) {
-      width: 100%;
-    }
+  select {
+    width: 100%;
   }
 
   legend {
@@ -56,10 +51,4 @@
       }
     }
   }
-
-  .datetime-widget {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-  }
 }

src/pages/SignupCreatePage/SignupCreatePage.scss

@@ -24,13 +24,8 @@
 
   input[type="text"],
   textarea,
-  select,
-  .datetime-widget {
-    width: 20rem;
-
-    @media screen and (max-width: 800px - 1px) {
-      width: 100%;
-    }
+  select {
+    width: 100%;
   }
 
   legend {
@@ -56,10 +51,4 @@
       }
     }
   }
-
-  .datetime-widget {
-    display: flex;
-    flex-flow: row nowrap;
-    justify-content: space-between;
-  }
 }