「テンプレート:P:ATStatus/style.css」の版間の差分

← 古い編集新しい編集 →

@@ 1行目: / 1行目: @@
-.canon-status-box {
-  margin: 8px 0;
-  padding: 4px 8px;
-  font-size: 0.85em;
-  color: #666;
-  display: flex;
-  gap: 12px;
-}
 .canon-status-container {
-  display: flex;
+ display: flex;
-  align-items: center;
+ align-items: center;
-  gap: 12px;
+ gap: 12px;
-}
+ flex-direction: row; /* 明示的に横並びを指定 */
-.origin-status {
-  border-left: 2px solid #00cccc;
-}
-.parallax-status {
-  border-left: 2px solid #808080;
 }
-.status-image img {
+.status-image {
-  height: 24px;
+ flex-shrink: 0; /* 画像のサイズを維持 */
-  width: auto;
 }
-.status-notes {
+.status-info {
-  margin-top: 4px;
+ flex: 1; /* 残りのスペースを使用 */
-  font-style: italic;
+ display: flex;
+ gap: 12px;
 }