fixed very basic css problems with grouped buttons using fomantic css…

… instead of semantic css
wscullen · Apr 22, 2020 · 88eb784 · 88eb784
1 parent 4221a74
commit 88eb784
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -141,6 +141,7 @@
     "electron-log": "^3.0.5",
     "electron-updater": "^4.0.6",
     "emotion": "^10.0.23",
+    "fomantic-ui-css": "^2.8.4",
     "formik": "^2.0.3",
     "jquery": "^3.4.1",
     "moment": "^2.24.0",

diff --git a/src/assets/css/App.scss b/src/assets/css/App.scss
@@ -1,6 +1,7 @@
 @charset "utf-8";
 
-@import '~semantic-ui-css/semantic.min.css';
+// @import '~semantic-ui-css/semantic.min.css';
+@import '~fomantic-ui-css/semantic.min.css';
 @import '~ol-layerswitcher/src/ol-layerswitcher.css';
 
 // Import a Google Font

diff --git a/src/components/TileListItemCompact.tsx b/src/components/TileListItemCompact.tsx
@@ -133,7 +133,7 @@ export default function TileListItemCompact(props: AppProps) {
       <div className="tileListItemActions">
         {props.taskStatus ? <Icon name={jobProgressIcon} color={jobProgressColor} size="small" bordered/> : ''}
 
-        <Button.Group basic compact size="tiny">
+        <Button.Group>
         <Popup hoverable basic flowing
           position="bottom center"
 
@@ -186,7 +186,6 @@ export default function TileListItemCompact(props: AppProps) {
                 compact
                 icon='caret down'
                 size="mini"
-                color="grey"
                 onClick={event => event.stopPropagation()}/>} 
                 mouseLeaveDelay={750}
       />