lusxvr commited on
Commit
3f74c5c
·
1 Parent(s): 26887ee

centered accordion

Browse files
Files changed (1) hide show
  1. app/src/components/Accordion.astro +5 -4
app/src/components/Accordion.astro CHANGED
@@ -89,16 +89,16 @@ const wrapperClass = ["accordion", className].filter(Boolean).join(" ");
89
  }
90
 
91
  .accordion__summary {
92
- margin: 0;
93
  list-style: none;
94
  display: flex;
95
  align-items: center;
96
- justify-content: space-between;
97
  gap: 4px;
98
- padding: var(--spacing-2) var(--spacing-3);
99
  cursor: pointer;
100
  color: var(--text-color);
101
  user-select: none;
 
102
  }
103
 
104
  /* Remove conditional padding to avoid jump on close */
@@ -120,7 +120,8 @@ const wrapperClass = ["accordion", className].filter(Boolean).join(" ");
120
  }
121
 
122
  .accordion__chevron {
123
- flex: 0 0 auto;
 
124
  transition: transform 220ms ease;
125
  opacity: .85;
126
  }
 
89
  }
90
 
91
  .accordion__summary {
 
92
  list-style: none;
93
  display: flex;
94
  align-items: center;
95
+ justify-content: center;
96
  gap: 4px;
97
+ padding: 4px;
98
  cursor: pointer;
99
  color: var(--text-color);
100
  user-select: none;
101
+ position: relative;
102
  }
103
 
104
  /* Remove conditional padding to avoid jump on close */
 
120
  }
121
 
122
  .accordion__chevron {
123
+ position: absolute;
124
+ right: 8px;
125
  transition: transform 220ms ease;
126
  opacity: .85;
127
  }