address ui feedback

Author: mattdholloway

ui/src/apps/issue-write/App.tsx

@@ -79,7 +79,7 @@ function SuccessView({
         borderStyle="solid"
         borderColor="border.default"
       >
-        <Box sx={{ color: "open.fg", flexShrink: 0, mt: "2px" }}>
+        <Box sx={{ color: "open.fg", flexShrink: 0, mt: "2px", mr: 1 }}>
           <IssueOpenedIcon size={16} />
         </Box>
         <Box sx={{ minWidth: 0 }}>

ui/src/apps/pr-write/App.tsx

@@ -81,7 +81,7 @@ function SuccessView({
         borderStyle="solid"
         borderColor="border.default"
       >
-        <Box sx={{ color: "open.fg", flexShrink: 0, mt: "2px" }}>
+        <Box sx={{ color: "open.fg", flexShrink: 0, mt: "2px", mr: 1 }}>
           <GitPullRequestIcon size={16} />
         </Box>
         <Box sx={{ minWidth: 0 }}>

ui/src/components/MarkdownEditor.tsx

@@ -186,9 +186,10 @@ export function MarkdownEditor({
         borderBottomWidth={1}
         borderBottomStyle="solid"
         borderBottomColor="border.default"
+        overflow="hidden"
       >
         {/* Write/Preview tabs */}
-        <Box display="flex" gap={0}>
+        <Box display="flex" flexShrink={0} gap={0}>
           <Button
             size="small"
             variant="invisible"
@@ -200,7 +201,6 @@ export function MarkdownEditor({
               borderBottomStyle: "solid",
               borderBottomColor:
                 viewMode === "write" ? "accent.fg" : "transparent",
-              borderRadius: 0,
               pb: 1,
               "&:hover": {
                 color: "fg.default",
@@ -220,7 +220,6 @@ export function MarkdownEditor({
               borderBottomStyle: "solid",
               borderBottomColor:
                 viewMode === "preview" ? "accent.fg" : "transparent",
-              borderRadius: 0,
               pb: 1,
               "&:hover": {
                 color: "fg.default",
@@ -233,8 +232,8 @@ export function MarkdownEditor({
 
         {/* Toolbar - uses GitHub's official markdown-toolbar-element */}
         {viewMode === "write" && (
-          <markdown-toolbar for={textareaId}>
-            <Box display="flex" gap={0} alignItems="center">
+          <markdown-toolbar for={textareaId} style={{ display: "flex", overflow: "hidden", minWidth: 0, flexShrink: 1 }}>
+            <Box display="flex" gap={0} alignItems="center" sx={{ overflowX: "auto" }}>
               <md-bold>
                 <IconButton
                   icon={BoldIcon}