Merge remote-tracking branch 'upstream/main' into docker-hf

indie_label_svelte/public/global.css

@@ -54,12 +54,6 @@ input, button, select, textarea {
 	border-radius: 2px;
 }
 
-a {
-	-webkit-padding: 0.4em 0;
-	padding: 0.4em;
-	margin: 0 0 0.5em 0;
-}
-
 input:disabled {
 	color: #ccc;
 }
@@ -342,3 +336,9 @@ table {
 .smui-button--color-secondary.mdc-button--outlined:not(:disabled) {
     border-color: var(--mdc-theme-secondary) !important;
 }
+.smui-button--color-secondary .mdc-button__ripple::before, .smui-button--color-secondary .mdc-button__ripple::after {
+	background-color: var(--mdc-theme-secondary) !important;
+}
+.smui-button--color-secondary:not(:disabled) .mdc-button__icon {
+	color: var(--mdc-theme-secondary) !important;
+}

indie_label_svelte/src/HypothesisPanel.svelte

@@ -476,8 +476,6 @@
                 <Button 
                     on:click={handleNewReport} 
                     variant="outlined" 
-                    color="secondary"
-                    style=""
                 >
                     <Label>New</Label>
                 </Button>
@@ -486,8 +484,6 @@
                 <!-- <Button 
                     on:click={handleDeleteReport} 
                     variant="outlined" 
-                    color="secondary"
-                    style=""
                 >
                     <Label>Delete</Label>
                 </Button> -->
@@ -496,7 +492,6 @@
                 <Button 
                     on:click={handleSaveReport} 
                     variant="outlined" 
-                    color="secondary"
                 >
                     <Label>
                         {#await promise_save}
@@ -519,25 +514,16 @@
                 <Button 
                     on:click={handleSubmitReport} 
                     variant="outlined"
-                    color="secondary"
                 >
                     <Label>Send Reports to AVID</Label>
                 </Button>
                 {/key}
+            </div>
 
-                <!-- Feedback button -->
-                <Button 
-                    href="https://forms.gle/vDXchpbBFjDeKjJA6" 
-                    target="_blank"
-                    variant="outlined" 
-                    color="secondary"
-                >
-                    <Label>
-                        <Icon class="material-icons">feedback_outline</Icon>
-                        Feedback
-                    </Label>
-                </Button>
-
+            <div class="feedback_section">
+                <a href="https://forms.gle/vDXchpbBFjDeKjJA6" target="_blank" class="feedback_link">
+                    Share feedback
+                </a>
             </div>
         </div>
         {/if}
@@ -571,13 +557,23 @@
         background: #f3f3f3;
         z-index: 11;
         bottom: 0;
-        padding: 15px 0px;
+        padding: 5px 0px;
     }
     .panel_footer_contents {
-        /* padding: 0px 20px; */
         display: flex;
         justify-content: space-around;
         align-items: center;
+        padding: 5px 0px 10px 0px;
+    }
+    .feedback_section {
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+    }
+    .feedback_link {
+        color: var(--mdc-theme-secondary);
+        font-size: 10px;
+        text-decoration: underline;
     }
 
     :global(.mdc-button.user_button) {