fix: more style tweaks

src/main/frontend/components/commit.cljs

@@ -38,7 +38,7 @@
   [state close-fn]
   (let [electron? (util/electron?)]
     (when-let [repo (state/sub :git/current-repo)]
-      [:div
+      [:div.w-full.mx-auto.sm:max-w-lg.sm:w-96 {:style {:padding "48px 0"}}
        [:div.sm:flex.sm:items-start
         [:div.mt-3.text-center.sm:mt-0.sm:text-left.mb-2
          [:h3#modal-headline.text-lg.leading-6.font-medium
@@ -48,8 +48,8 @@
         {:auto-focus true
          :default-value ""}]
 
-       [:div.mt-5.sm:mt-4.sm:flex.sm:flex-row-reverse
-        [:span.flex.w-full.rounded-md.shadow-sm.sm:ml-3.sm:w-auto
+       [:div.mt-5.sm:mt-4.flex
+        [:span.flex.w-full.rounded-md.shadow-sm
          [:button.inline-flex.justify-center.w-full.rounded-md.border.border-transparent.px-4.py-2.bg-indigo-600.text-base.leading-6.font-medium.text-white.shadow-sm.hover:bg-indigo-500.focus:outline-none.focus:border-indigo-700.focus:shadow-outline-indigo.transition.ease-in-out.duration-150.sm:text-sm.sm:leading-5
           {:type "button"
            :on-click commit-and-push!}

src/main/frontend/ui.css

@@ -114,13 +114,13 @@
 
 @media (min-width: 1024px) {
     .panel-content {
-        min-width: 700px;
+        min-width: 740px;
     }
 
     .panel-content .ls-card {
-        width: 700px;
+        width: 740px;
         min-height: 60vh;
-        max-height: 700px;
+        max-height: 740px;
     }
 }