fix toggle commit body button ui when latest commit message is long (#32997)

#### Before


![before](https://github.com/user-attachments/assets/fe36bdb3-10e8-4fe7-9106-0897f49bedb3)

#### After


![after](https://github.com/user-attachments/assets/745bd164-5f25-41ca-b340-36cb695551db)


## Edit:

I found an issue on mobile view and changed the code as using flex gap


![small](https://github.com/user-attachments/assets/dd7c2093-6860-4800-a2bc-676a03e764c8)


![large](https://github.com/user-attachments/assets/5c933779-8281-4d48-9fd0-4d7b245bf4ac)

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>

web_src/css/repo.css

@@ -123,6 +123,12 @@ td .commit-summary {
   gap: 0.25em;
 }
 
+@media (max-width: 767.98px) {
+  .latest-commit .commit-id-short {
+    display: none;
+  }
+}
+
 .repo-path {
   display: flex;
   overflow-wrap: anywhere;
@@ -1670,6 +1676,10 @@ tbody.commit-list {
   white-space: nowrap;
 }
 
+.latest-commit .message-wrapper {
+  max-width: calc(100% - 2.5rem);
+}
+
 /* in the commit list, messages can wrap so we can use inline */
 .commit-list .message-wrapper {
   display: inline;