Merged PR 391: [Sp17着手]セレクトボックスで長い文字列が入っても問題ないようにする

## 概要
[Task2550: [Sp17着手]セレクトボックスで長い文字列が入っても問題ないようにする](https://paruru.nds-tyo.co.jp:8443/tfs/ReciproCollection/fa4924a4-d079-4fab-9fb5-a9a11eb205f0/_workitems/edit/2550)

- タイトルの通り

## レビューポイント
- 特になし

## UIの変更
- https://ndstokyo.sharepoint.com/:f:/r/sites/Piranha/Shared%20Documents/General/OMDS/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88/Task2550?csf=1&web=1&e=EcQEIB

## 動作確認状況
- ローカルで確認

## 補足
- 相談、参考資料などがあれば

dictation_client/src/pages/SignupPage/signupInput.tsx

@@ -144,7 +144,7 @@ const SignupInput: React.FC = (): JSX.Element => {
               {t(getTranslationID("signupPage.text.pageExplanation"))}
             </p>
           </div>
-          <section>
+          <section className={styles.form}>
             <form>
               <dl className={`${styles.formList} ${styles.hasbg}`}>
                 <dt className={` ${styles.formTitle} ${styles.marginBtm0}`}>

dictation_client/src/styles/app.module.scss

@@ -555,6 +555,9 @@ h3 + .brCrumb .tlIcon {
   border-top: 2px #282828 solid;
   background: #fafafa;
 }
+.form select {
+  text-overflow: ellipsis;
+}
 .form select:invalid {
   color: #999999;
 }
@@ -689,6 +692,7 @@ h3 + .brCrumb .tlIcon {
   padding: 0.6rem 0.6rem;
   background: #f0f0f0;
   box-sizing: border-box;
+  word-wrap: break-word;
 }
 .formSubmit {
   min-width: 15rem;
@@ -2288,10 +2292,11 @@ tr.isSelected .menuInTable li a {
   font-size: 0.9rem;
 }
 .workflow .menuAction.worktype .formInput {
-  width: inherit;
+  max-width: 350px;
   margin-left: 0.5rem;
   padding: 0.2rem 0.8rem;
   font-size: 0.9rem;
+  text-overflow: ellipsis;
 }
 
 .formList dd.formChange {