Update CSS/Look & feel

less/simple-converted.less

@@ -82,7 +82,7 @@
 
   /* For nav and title */
   .window-app input,
-  .fvtt-mournblade .item-form,
+  .fvtt-mournblade-cyd-2-0 .item-form,
   .sheet header.sheet-header .flex-group-center.flex-compteurs,
   .sheet header.sheet-header .flex-group-center.flex-fatigue,
   select,
@@ -244,7 +244,7 @@
 
   /* Styles limited to foundryvtt-vadentis sheets */
 
-  .fvtt-mournblade .sheet-header {
+  .fvtt-mournblade-cyd-2-0 .sheet-header {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 210px;
     flex: 0 0 210px;
@@ -264,15 +264,16 @@
     margin-bottom: 10px;
   }
 
-  .fvtt-mournblade .sheet-header .profile-img {
+  .fvtt-mournblade-cyd-2-0 .sheet-header .profile-img {
     -webkit-box-flex: 0;
-    -ms-flex: 0 0 128px;
-    flex: 0 0 128px;
-    height: 128px;
-    width: 128px;
+    -ms-flex: 0 0 80px;
+    flex: 0 0 80px;
+    height: 80px;
+    width: 80px;
     margin-right: 10px;
     object-fit: cover;
     object-position: 50% 0;
+    cursor: pointer;
   }
 
   .button-img {
@@ -305,13 +306,13 @@
     vertical-align: bottom;
   }
 
-  .fvtt-mournblade .sheet-header .header-fields {
+  .fvtt-mournblade-cyd-2-0 .sheet-header .header-fields {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
   }
 
-  .fvtt-mournblade .sheet-header h1.charname {
+  .fvtt-mournblade-cyd-2-0 .sheet-header h1.charname {
     height: 50px;
     padding: 0px;
     margin: 5px 0;
@@ -321,7 +322,7 @@
     font-family: "CentaurMT";
   }
 
-  .fvtt-mournblade .sheet-header h1.charname input {
+  .fvtt-mournblade-cyd-2-0 .sheet-header h1.charname input {
     width: 100%;
     height: 100%;
     margin: 0;
@@ -331,19 +332,19 @@
     text-align: left;
   }
 
-  .fvtt-mournblade .sheet-tabs {
+  .fvtt-mournblade-cyd-2-0 .sheet-tabs {
     -webkit-box-flex: 0;
     -ms-flex: 0;
     flex: 0;
   }
 
-  .fvtt-mournblade .sheet-body,
-  .fvtt-mournblade .sheet-body .tab {
+  .fvtt-mournblade-cyd-2-0 .sheet-body,
+  .fvtt-mournblade-cyd-2-0 .sheet-body .tab {
     height: auto;
     font-size: 0.9rem;
   }
 
-  .fvtt-mournblade .sheet-body .tab .editor {
+  .fvtt-mournblade-cyd-2-0 .sheet-body .tab .editor {
     height: 100%;
     font-size: 0.9rem;
   }
@@ -372,70 +373,83 @@
     padding: 0 3px;
   }
 
-  .fvtt-mournblade .tox .tox-editor-container {
+  .fvtt-mournblade-cyd-2-0 .tox .tox-editor-container {
     background: #fff;
   }
 
-  .fvtt-mournblade .tox .tox-edit-area {
+  .fvtt-mournblade-cyd-2-0 .tox .tox-edit-area {
     padding: 0 8px;
   }
 
-  .fvtt-mournblade .resource-label {
+  .fvtt-mournblade-cyd-2-0 .resource-label {
     font-weight: bold;
     text-transform: uppercase;
   }
 
-  .fvtt-mournblade .tabs {
+  .fvtt-mournblade-cyd-2-0 .tabs {
     height: 40px;
     border-top: 1px solid #AAA;
     border-bottom: 1px solid #AAA;
     color: #000000;
   }
 
-  .fvtt-mournblade .tabs .item {
-    line-height: 40px;
-    font-weight: bold;
+  .fvtt-mournblade-cyd-2-0 nav.sheet-tabs {
+    justify-content: flex-start !important;
+    gap: 0 !important;
+    padding: 0 !important;
   }
 
-  .fvtt-mournblade .tabs .item.active {
+  .fvtt-mournblade-cyd-2-0 .tabs .item {
+    line-height: 40px;
+    font-size: 10px;
+    font-weight: bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    flex: 1 1 0;
+    text-align: center;
+    padding: 0 4px;
+  }
+
+  .fvtt-mournblade-cyd-2-0 .tabs .item.active {
     text-decoration: underline;
     text-shadow: none;
   }
 
-  .fvtt-mournblade .items-list {
+  .fvtt-mournblade-cyd-2-0 .items-list {
     list-style: none;
     margin: 1px 0;
     padding: 0;
     overflow-y: auto;
   }
 
-  .fvtt-mournblade .items-list .item-header {
+  .fvtt-mournblade-cyd-2-0 .items-list .item-header {
     font-weight: bold;
   }
 
-  .fvtt-mournblade .items-list .item {
+  .fvtt-mournblade-cyd-2-0 .items-list .item {
     height: 30px;
     line-height: 24px;
     padding: 1px 0;
     border-bottom: 1px solid #BBB;
   }
 
-  .fvtt-mournblade .items-list .item .item-image {
+  .fvtt-mournblade-cyd-2-0 .items-list .item .item-image {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 24px;
     flex: 0 0 24px;
     margin-right: 5px;
   }
 
-  .fvtt-mournblade .items-list .item img {
+  .fvtt-mournblade-cyd-2-0 .items-list .item img {
     display: block;
   }
 
-  .fvtt-mournblade .items-list .item-name {
+  .fvtt-mournblade-cyd-2-0 .items-list .item-name {
     margin: 0;
   }
 
-  .fvtt-mournblade .items-list .item-controls {
+  .fvtt-mournblade-cyd-2-0 .items-list .item-controls {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 86px;
     flex: 0 0 86px;
@@ -1532,7 +1546,7 @@
 
   .item-field-label-long {
     flex-grow: 1;
-    max-width: 8rem;
+    max-width: 10rem;
     min-width: 8rem;
   }