style: 右对齐 Admin 底栏提示 (#65)

admin/main_test.go

@@ -18,9 +18,16 @@ func TestPaginationCSS_桌面右对齐且窄窗口不遮挡内容(t *testing.T)
 		t.Fatal(err)
 	}
 	css := string(content)
+	statusbarRightAligned := `.statusbar {
+  position: fixed;
+  left: 0; right: 0; bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;`
 	for _, want := range []string{
-		"margin-left: auto", "flex: 0 0 auto", "@media (max-width: 760px)",
-		"position: static", "justify-content: flex-end",
+		statusbarRightAligned, "flex: 0 1 auto", "text-align: right",
+		"margin-left: 0", "flex: 0 0 auto", "@media (max-width: 760px)",
+		"position: static", ".statusbar > span:first-child { flex-basis: 100%; }",
 	} {
 		if !strings.Contains(css, want) {
 			t.Fatalf("分页布局 CSS 缺少 %q", want)

admin/static/css/app.css

@@ -181,6 +181,7 @@ tr.empty small { color: #aaa; }
   left: 0; right: 0; bottom: 0;
   display: flex;
   align-items: center;
+  justify-content: flex-end;
   background: #2b3440;
   color: #c8cdd4;
   padding: 10px 16px;
@@ -188,8 +189,9 @@ tr.empty small { color: #aaa; }
   gap: 12px;
 }
 .statusbar > span:first-child {
-  flex: 1 1 auto;
+  flex: 0 1 auto;
   min-width: 0;
+  text-align: right;
 }
 
 /* 链接和标题这类长内容截断显示，鼠标悬停看全文（title 属性）。
@@ -392,7 +394,7 @@ select {
   display: flex;
   align-items: center;
   gap: 6px;
-  margin-left: auto;
+  margin-left: 0;
   flex: 0 0 auto;
 }
 .pagination a,