Move odata loading styles to the right place (#986)

getodk · May 1, 2024 · bd2581a · bd2581a
1 parent 3fb0c22
commit bd2581a
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 19 deletions.
diff --git a/src/components/odata-loading-message.vue b/src/components/odata-loading-message.vue
@@ -95,6 +95,29 @@ const message = computed(() => {
 
 </script>
 
+<style lang="scss">
+@import '../assets/scss/variables';
+
+#odata-loading-message {
+  margin-left: 28px;
+  padding-bottom: 38px;
+  position: relative;
+
+  #odata-loading-spinner-container {
+    margin-right: 8px;
+    position: absolute;
+    top: 8px;
+    width: 16px; // eventually probably better not to default spinner to center.
+  }
+
+  #odata-loading-message-text {
+    color: #555;
+    font-size: 12px;
+    padding-left: 24px;
+  }
+}
+</style>
+
 <i18n lang="json5">
   {
     "en": {

diff --git a/src/components/submission/list.vue b/src/components/submission/list.vue
@@ -373,25 +373,6 @@ export default {
   margin-bottom: 10px;
   margin-left: auto;
 }
-
-#submission-list-message {
-  margin-left: 28px;
-  padding-bottom: 38px;
-  position: relative;
-
-  #submission-list-spinner-container {
-    margin-right: 8px;
-    position: absolute;
-    top: 8px;
-    width: 16px; // eventually probably better not to default spinner to center.
-  }
-
-  #submission-list-message-text {
-    color: #555;
-    font-size: 12px;
-    padding-left: 24px;
-  }
-}
 </style>
 
 <i18n lang="json5">