@import '_variables';
@import '_mixins';
+.plugin {
+ margin: 15px 0;
+ background-color: var(--submenuColor);
+}
+
.first-row {
+ display: flex;
+ align-items: center;
margin-bottom: 10px;
.plugin-name {
.plugin-version {
opacity: 0.6;
}
+
+ .plugin-icon {
+ margin-left: 10px;
+
+ my-global-icon {
+ @include apply-svg-color($grey-foreground-color);
+
+ &[iconName="npm"] {
+ @include fill-svg-color($grey-foreground-color);
+ }
+ }
+ }
+
+ .buttons {
+ margin-left: auto;
+ width: max-content;
+ > *:not(:last-child) {
+ margin-right: 10px;
+ }
+ }
}
.second-row {
- display: flex;
+ display: grid;
+ grid-template-columns: 1fr auto;
align-items: center;
justify-content: space-between;
.description {
opacity: 0.8
}
-
- .buttons {
- > *:not(:last-child) {
- margin-right: 10px;
- }
- }
}
.action-button {