こちらを追加すると、枠線が表示されて見やすくなる
/* 確認画面でのみinput要素を線で囲む */
[data-screen="confirm"] .smf-placeholder {
border: 1px solid #ccc;
padding: 10px;
border-radius: 4px;
background-color: #f9f9f9;
display: inline-block;
width:100%;
}
説明の欄に必須を書いたところをいい感じにする
div#--description {
color:#fff;
background-color:#ee827c;
margin-left: 10px;
position: relative;
top: -4px;
font-size:9px;
padding:2px 4px;
border-radius:4px;
}
@media screen and (max-width: 480px) {
.smf-item__col.smf-item__col--label {
flex-wrap:warp;
}
div#--description{
display:inline;
min-width: 26px;
}
}
送信ボタンをいい感じの位置にする
.smf-action {
display: flex;
justify-content: center;
margin-top: 40px;
}