fix: improve mobile layout spacing and modal margins

- Add horizontal margin to conversation divider in TopBar
- Adjust grid row sizing in conversation history modal
- Remove margin from modals on mobile screens (≤600px)
- Reduce bottom margin for diff mobile controls
- Remove redundant background styling from diff button container
- Fix diff view height calculation on mobile to avoid control overlap

Components/TopBar.svelte

@@ -214,6 +214,7 @@
   #conversation-divider-2 {
     grid-row: 1;
     grid-column: 8;
+    margin: 0 5px;
   }
 
   #conversation-title {

Modals/ConversationHistoryModalSvelte.svelte

@@ -111,7 +111,7 @@
 <style>
   .conversation-history-modal-container {
     display: grid;
-    grid-template-rows: auto var(--size-4-1) 1fr var(--size-4-2);
+    grid-template-rows: auto var(--size-4-3) 1fr var(--size-4-1);
     grid-template-columns: var(--size-4-2) 1fr var(--size-4-2);
     max-height: 60vh;
     margin: 10px;
@@ -260,4 +260,10 @@
   .conversation-search-input::placeholder {
     color: var(--text-muted);
   }
+
+  @media (max-width: 600px) {
+		.conversation-history-modal-container {
+			margin: 0px;
+		}
+	}
 </style>

Modals/HelpModalSvelte.svelte

@@ -388,6 +388,12 @@
 		outline: none;
 	}
 
+	@media (max-width: 600px) {
+		.help-modal-container {
+			margin: 0px;
+		}
+	}
+
 	:global(.is-mobile) #help-modal-version-string-mobile {
 		display: block;
 		grid-row: 5;

Styles/diff2html_styles.css

@@ -243,7 +243,7 @@
 /* Avoid the floating obsidian controls */
 @media (max-width: 600px) {
     .diff-mobile-controls {
-        margin-bottom: 95px;
+        margin-bottom: 85px;
     }
 }
 
@@ -256,8 +256,6 @@
     left: 0;
     right: 0;
     padding: var(--size-4-3);
-    background-color: var(--background-primary);
-    border-top: 1px solid var(--background-modifier-border);
     z-index: 10;
 }
 
@@ -298,4 +296,11 @@
 /* Adjust diff height on mobile to account for buttons */
 .diff-view-mobile .d2h-file-diff {
     max-height: calc(100cqh - 37px - 40px);
+}
+
+/* Avoid the floating obsidian controls */
+@media (max-width: 600px) {
+    .diff-view-mobile .d2h-file-diff {
+        max-height: calc(100cqh - 37px - 120px);
+    }
 }