feat(KUI-1264): adjust info button for ButtonModal

KTH · Jun 4, 2024 · 4d743e7 · 4d743e7
1 parent 04f13be
commit 4d743e7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/public/css/kursinfo-admin-web.scss b/public/css/kursinfo-admin-web.scss
@@ -190,11 +190,6 @@ h2 {
   }
 }
 
-.btn-info-modal {
-  margin-left: 10px;
-  vertical-align: middle;
-}
-
 .btn-upload-file {
   button {
     width: 100%;

diff --git a/public/js/app/components/ButtonModal.jsx b/public/js/app/components/ButtonModal.jsx
@@ -29,10 +29,10 @@ function ButtonModal(props) {
   const { btnLabel, children, course, disabled, type, id, modalLabels } = props
   const { header, body, btnCancel, btnConfirm } = modalLabels
   const btnStyle = classNames(
-    { 'btn-info-modal': type === 'info-icon' }, // TODO: karl: kth-style - modal button
+    { 'btn-info-modal': type === 'info-icon' },
     { secondary: type === 'cancel-with-modal' || type === 'cancel-without-modal' },
     { success: type === 'submit' },
-    { danger: type === 'remove' }
+    { error: type === 'remove' }
   )
 
   return (
@@ -72,7 +72,7 @@ function ButtonModal(props) {
           )}
         </ModalFooter>
       </Modal>
-    </span>
+    </>
   )
 }
 export default ButtonModal