Fix margins of the buttons in the server input setting of the caspar …

…plugin Signed-off-by: Axel Boberg <[email protected]>
svt · Jan 13, 2024 · a24d87b · a24d87b
1 parent 6cb4e48
commit a24d87b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/plugins/caspar/app/components/ServerInput/index.jsx b/plugins/caspar/app/components/ServerInput/index.jsx
@@ -45,8 +45,8 @@ export const ServerInput = ({ data = {}, onChange = () => {}, onDelete = () => {
             </select>
           </div>
         </div>
-        <div>
-          <button className='Button Button--ghost' onClick={() => handleDelete()}>Delete</button><br/>
+        <div className='ServerInput-actions'>
+          <button className='Button Button--ghost' onClick={() => handleDelete()}>Delete</button><br />
           <button className='Button Button--ghost' onClick={() => handleConnect()}>Connect</button>
         </div>
       </div>

diff --git a/plugins/caspar/app/components/ServerInput/style.css b/plugins/caspar/app/components/ServerInput/style.css
@@ -44,3 +44,7 @@
   margin-top: 10px;
   border-top: 1px solid var(--base-color--shade1);
 }
+
+.ServerInput-actions .Button {
+  margin-bottom: 7px;
+}