Finished styles for items and change npc svg

system/styles/scss/cursors.scss

@@ -44,6 +44,13 @@ a,
 form .form-group .form-fields button,
 .sidebar-tab .action-buttons button,
 .dialog .dialog-buttons button,
+.item-edit,
+.item-delete,
+.technique-edit,
+.technique-delete,
+.peculiarity-edit,
+.peculiarity-delete,
+.attribute-dtype,
 form button,
 label {
     cursor: url("../assets/cursors/pointer.webp"), pointer !important;

system/styles/scss/global.scss

@@ -161,3 +161,8 @@ table {
         }
     }
 }
+
+sub,
+sup {
+    color: $l5r5e-black;
+}

system/styles/scss/items.scss

@@ -13,16 +13,36 @@
             }
             .item-name {
                 flex: 1 1 auto;
+                font-size: 1rem;
+                line-height: 1rem;
+                color: $l5r5e-bold;
             }
             .item-edit,
             .item-delete,
             .technique-edit,
-            .technique-delete {
+            .technique-delete,
+            .peculiarity-edit,
+            .peculiarity-delete {
+                line-height: 1rem;
+                font-size: 0.75rem;
                 flex: 0 0 1rem;
-                padding: 0 0.25rem;
+                padding: 0 0.1rem;
             }
             .icon-stat-container {
+                line-height: 1rem;
+                font-size: 0.75rem;
                 padding: 0 0.25rem;
+                color: $black-light;
+            }
+            .item-edit,
+            .item-delete,
+            .technique-edit,
+            .technique-delete,
+            .peculiarity-edit,
+            .peculiarity-delete {
+                &:hover {
+                    text-shadow: 0 0 6px $orange;
+                }
             }
         }
         .item-description {
@@ -33,6 +53,26 @@
             background: rgba(0, 0, 0, 0.05);
             transition: height 0.25s ease-in;
         }
+        .item-properties {
+            display: flex;
+            flex-direction: row;
+            li {
+                margin: 0.25rem 0.1rem;
+                padding: 0.1rem 0.5rem;
+                background-color: $l5r5e-white;
+                border: 1px solid $white-light;
+                border-radius: 1rem;
+                width: auto;
+                font-size: 0.75rem;
+                color: $black-light;
+                &:first-child {
+                    margin-left: 0;
+                }
+                &:last-child {
+                    margin-right: 0;
+                }
+            }
+        }
         &:hover {
             .item-description {
                 height: 5rem;
@@ -82,7 +122,9 @@
         &.attributes {
             select[name="data.advancement_type"],
             select[name="data.skill"],
-            select[name="data.ring"] {
+            select[name="data.ring"],
+            select[name="data.peculiarity_type"],
+            select[name="data.technique_type"] {
                 flex: 0 0 calc(40% - 0.5rem);
                 margin: 0.25rem;
             }
@@ -150,6 +192,22 @@
         }
     }
 }
+&.peculiarity,
+&.technique {
+    article {
+        &.attributes {
+            .cursus {
+                flex: 1;
+                line-height: 0.75rem;
+                text-align: right;
+                margin: 0 0.25rem;
+                input {
+                    margin-top: 0.25rem;
+                }
+            }
+        }
+    }
+}
 &.item {
     article {
         &.attributes {

system/styles/scss/npc.scss

@@ -18,6 +18,7 @@
         .identity-wrapper {
             flex: 1 1 100%;
             h1 {
+                flex: 0 0 calc(100% - 75px - 1.25rem);
                 margin: 0 0 1rem 1rem;
             }
             .identity-list {
@@ -26,6 +27,8 @@
                 margin-bottom: 0.5rem;
                 li {
                     flex: 1;
+                    flex-wrap: wrap;
+                    display: flex;
                     select {
                         width: 100%;
                         background: transparent;

system/styles/scss/sheets.scss

@@ -1,6 +1,11 @@
 /** Sheets **/
 &.sheet {
     min-width: 600px;
+    label {
+        &:hover {
+            text-shadow: 0 0 6px $orange;
+        }
+    }
     &.actor {
         .sheet-header {
             height: 28rem;