@lavalogic/scoria 0.38.9 → 0.38.10

package/dist/Components/Table/Misc/ShareViewModal.svelte

@@ -316,11 +316,6 @@
   flex-flow: column nowrap;
 }
 
-.muted {
-  color: #647d8e;
-  margin: 0;
-}
-
 .user-card-list {
   list-style: none;
   margin: 0;

package/dist/Components/Table/Misc/TableConfigurationModal.svelte

@@ -489,25 +489,33 @@
 					Save the table's current {sectionNoun.toLowerCase()} as a reusable named
 					{sectionNoun.toLowerCase()}.
 				</InfoAlert>
-				<TextInput
-					placeholder={`${sectionNoun} name`}
-					bind:value={newViewName}
-					onkeydown={(e: KeyboardEvent) => {
-						if (e.key === 'Enter') {
-							e.preventDefault();
-							saveNewView();
-						}
-					}}
-				/>
-				<!-- Wrap the button in a row so the flex column's default
-					`align-items: stretch` does not blow it up to the input's
-					width. The row itself can stretch; the button inside sits
-					at its natural content width like every other Button. -->
-				<div class="save-tab-actions">
-					<Button
-						disabled={!newViewName.trim()}
-						onclick={saveNewView}>Save Current</Button
-					>
+				<!-- The InfoAlert above spans the full tab body so the
+					empty-state visuals are consistent across all three tabs.
+					The name input + Save button below stay grouped in a
+					narrower form column (`.save-tab-form`) so they keep
+					comfortable form proportions instead of stretching across
+					the whole 50vw modal. -->
+				<div class="save-tab-form">
+					<TextInput
+						placeholder={`${sectionNoun} name`}
+						bind:value={newViewName}
+						onkeydown={(e: KeyboardEvent) => {
+							if (e.key === 'Enter') {
+								e.preventDefault();
+								saveNewView();
+							}
+						}}
+					/>
+					<!-- Wrap the button in a row so the flex column's default
+						`align-items: stretch` does not blow it up to the input's
+						width. The row itself can stretch; the button inside sits
+						at its natural content width like every other Button. -->
+					<div class="save-tab-actions">
+						<Button
+							disabled={!newViewName.trim()}
+							onclick={saveNewView}>Save Current</Button
+						>
+					</div>
 				</div>
 			</div>
 		{/if}
@@ -626,10 +634,6 @@
   background-color: #ffffff;
 }
 
-.muted {
-  color: #647d8e;
-}
-
 .card-list {
   list-style: none;
   margin: 0;
@@ -695,10 +699,24 @@
   margin-bottom: 0.5rem;
 }
 
+/* Outer Save-tab container. Spans the full tab body so the InfoAlert
+   matches the empty-state alert width in My-Layouts / Shared-Layouts.
+   The narrower form column (input + Save button) lives one level
+   deeper in `.save-tab-form`. */
 .save-tab {
   display: flex;
   flex-flow: column nowrap;
   gap: 0.75rem;
+}
+
+/* Form column for the layout-name input and Save Current button.
+   `max-width` keeps the input at a comfortable form width rather
+   than stretching across the full modal; the button below sits on
+   the same column so the two read as a single form unit. */
+.save-tab-form {
+  display: flex;
+  flex-flow: column nowrap;
+  gap: 0.75rem;
   max-width: 24rem;
 }
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@lavalogic/scoria",
   "description": "Svelte components used for the FloWMS Web Frontend",
-  "version": "0.38.9",
+  "version": "0.38.10",
   "publishConfig": {
     "access": "restricted"
   },