appscms-theme.css in appscms-tools-theme-3.8.7

- old
+ new

@@ -384,17 +384,26 @@
   border-top-right-radius: 10px;
   border-top-left-radius: 10px;
   display: flex;
   align-items: center;
 }
+
 .appscms-tool .tool-top .tool-img {
-  padding: 24px;
-  padding-right: 13px;
+  padding: 0px;
+  margin-right: 21px;
+  background: white;
+  border-radius: 300px;
+  margin-left: 20px;
+  height: 60px;
+  width: 60px;
+  display: flex;
+  align-items: center;
 }
 .appscms-tool .tool-top .tool-img img {
-  height: 62px;
-  width: 62px;
+  filter: invert(1);
+  height: 37px;
+  width: 72px;
   border-radius: 50%;
 }
 .appscms-tool .tool-text {
   color: var(--while-color);
   padding-right: 33px;
@@ -674,10 +683,17 @@
   } */
 }
 
 /* Medium devices (desktops) */
 @media (max-width: 768px) {
+  .appscms-tool .tool-top .tool-img img {
+    filter: invert(0);
+  }
+  .appscms-tool .tool-top .tool-img {
+    justify-content: center;
+    background: unset;
+  }
   .appscms-tool {
     box-shadow: none;
     margin-bottom: 25px;
     height: auto;
     background-color: transparent;
@@ -689,10 +705,9 @@
     border-radius: 10px;
     height: 72px;
   }
   .appscms-tool .tool-img {
     padding: 0px !important;
-    filter: invert(1);
   }
   .appscms-tool .tool-img img {
     height: 37px !important;
     width: 37px !important;
     border-radius: 20px !important;