From 1d234de37e93ffdde57df5f26803cea973711202 Mon Sep 17 00:00:00 2001
From: Kathleen Tuite <ktuite@getodk.org>
Date: Wed, 1 May 2024 11:15:17 -0700
Subject: [PATCH] Move odata loading styles to the right place

---
 src/components/odata-loading-message.vue | 23 +++++++++++++++++++++++
 src/components/submission/list.vue       | 19 -------------------
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/src/components/odata-loading-message.vue b/src/components/odata-loading-message.vue
index 649be1bf6..a4d2c0e63 100644
--- 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
index 363955e9e..e31f97ece 100644
--- 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">