diff --git a/src/renderer/components/common/ListAddModal.vue b/src/renderer/components/common/ListAddModal.vue index 2ce701a6..aac82aa7 100644 --- a/src/renderer/components/common/ListAddModal.vue +++ b/src/renderer/components/common/ListAddModal.vue @@ -165,6 +165,7 @@ export default { @item-width: (100% / 3); .btn { + position: relative; box-sizing: border-box; margin-left: 15px; margin-bottom: 15px; @@ -199,6 +200,9 @@ export default { } } .newListInput { + position: absolute; + left: 0; + top: 0; width: 100%; height: 34px; border: none; @@ -209,6 +213,8 @@ export default { font-size: 14px; text-align: center; font-family: inherit; + box-sizing: border-box; + padding: 0 10px; display: none; } diff --git a/src/renderer/components/common/ListAddMultipleModal.vue b/src/renderer/components/common/ListAddMultipleModal.vue index 4c927ca5..df66b952 100644 --- a/src/renderer/components/common/ListAddMultipleModal.vue +++ b/src/renderer/components/common/ListAddMultipleModal.vue @@ -163,6 +163,7 @@ export default { @item-width: (100% / 3); .btn { + position: relative; box-sizing: border-box; margin-left: 15px; margin-bottom: 15px; @@ -197,6 +198,9 @@ export default { } } .newListInput { + position: absolute; + left: 0; + top: 0; width: 100%; height: 34px; border: none; @@ -207,6 +211,8 @@ export default { font-size: 14px; text-align: center; font-family: inherit; + box-sizing: border-box; + padding: 0 10px; display: none; }