Make small style changes for v2023.5 (#903)

getodk · Dec 6, 2023 · 26f78ad · 26f78ad
1 parent 3b9271a
commit 26f78ad
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 29 deletions.
diff --git a/src/components/dataset/row.vue b/src/components/dataset/row.vue
@@ -81,17 +81,17 @@ export default {
     padding-right: 10%;
   }
   .wrap-circle {
-    width: 25px;
+    width: 22px;
     display: inline-block;
     background: $color-danger;
-    height: 25px;
+    height: 22px;
     border-radius: 15px;
     text-align: center;
     color: white;
-    padding-top: 2px;
-    margin-top: -1px;
+
     margin-right: 3px;
   }
+  .icon-warning { font-size: 12px; }
   .conflicts a {
     color: $color-danger;
   }

diff --git a/src/components/entity/metadata-row.vue b/src/components/entity/metadata-row.vue
@@ -105,6 +105,10 @@ const { entityPath } = useRoutes();
     max-width: 250px;
   }
 
+  .action-cell {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
   .col-content {
     align-items: flex-start;
     display: flex;
@@ -122,25 +126,21 @@ const { entityPath } = useRoutes();
 
     .icon-pencil { margin-right: 5px; }
   }
-  .col-content .icon-angle-right {
-    color: $color-accent-primary;
-    font-size: 20px;
-  }
-
-  .wrap-circle{
-    width: 25px;
+  .wrap-circle {
+    width: 22px;
     display: inline-block;
     background: $color-danger;
-    height: 25px;
+    height: 22px;
     border-radius: 15px;
     text-align: center;
     color: white;
-    padding-top: 2px;
-    margin-top: -1px;
+
+    margin-left: 8px;
   }
-  .action-cell{
-    padding-top: 4px;
-    padding-bottom: 4px;
+  .icon-warning { font-size: 12px; }
+  .col-content .icon-angle-right {
+    color: $color-accent-primary;
+    font-size: 20px;
   }
 }
 </style>

diff --git a/src/components/entity/resolve.vue b/src/components/entity/resolve.vue
@@ -175,6 +175,9 @@ watch(() => props.entity, (entity) => {
   .btn + .btn {
     margin-left: 10px;
   }
+  .mark-as-resolved { border: 1px solid $color-success; }
+  .icon-check { color: $color-success; }
+
   .success {
     font-size: 30px;
     color: $color-success;

diff --git a/src/components/project/home-block.vue b/src/components/project/home-block.vue
@@ -150,7 +150,6 @@ export default {
 
 <style lang="scss">
 @import '../../assets/scss/mixins';
-@import '../../assets/scss/_variables.scss';
 
 .project-home-block {
   margin-bottom: 15px;
@@ -193,13 +192,11 @@ export default {
     }
   }
 
-
   .icon-angle-down, .icon-angle-up {
     margin-left: 5px;
   }
 
   .project-table {
-
     .transparent-bg{
       background: transparent !important;
     }
@@ -231,15 +228,13 @@ export default {
       span {
         margin-left: 0;
       }
-
     }
 
     .project-form-row .col-icon {
       border-right-color: #009ccc;
 
       span {
         color: #009ccc;
-
       }
     }
 
@@ -253,15 +248,15 @@ export default {
         }
 
         .btn-danger {
-            color: white;
-            margin-right: -9px;
-            font-size: 16px;
-            padding: 2px $hpadding-btn;
+          color: white;
+          margin-right: -5px;
+          font-size: 14px;
+          padding: 2px 7px;
 
-            [class*='icon'] {
-              color: white;
-            }
+          [class*='icon'] {
+            color: white;
           }
+        }
       }
 
       .col-icon{