New: User defined scores for each Custom Format

Brings it more into line with Sonarr preferred words

frontend/src/Settings/Profiles/Quality/QualityProfileFormatItem.css

@@ -1,3 +1,9 @@
+.qualityProfileFormatItemContainer {
+  display: flex;
+  padding: $qualityProfileItemDragSourcePadding 0;
+  width: 100%;
+}
+
 .qualityProfileFormatItem {
   display: flex;
   align-items: stretch;
@@ -7,38 +13,33 @@
   background: #fafafa;
 }
 
-.checkContainer {
-  position: relative;
-  margin-right: 4px;
-  margin-bottom: 7px;
-  margin-left: 8px;
+.formatNameContainer {
+  display: flex;
+  flex-grow: 1;
+  margin-bottom: 0;
+  margin-left: 14px;
+  width: 100%;
+  font-weight: normal;
+  line-height: $qualityProfileItemHeight;
+  cursor: text;
 }
 
 .formatName {
   display: flex;
   flex-grow: 1;
-  margin-bottom: 0;
-  margin-left: 2px;
-  font-weight: normal;
-  line-height: 36px;
-  cursor: pointer;
 }
 
-.dragHandle {
+.scoreContainer {
   display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  margin-left: auto;
-  width: $dragHandleWidth;
-  text-align: center;
-  cursor: grab;
+  flex-grow: 0;
 }
 
-.dragIcon {
-  top: 0;
-}
+.scoreInput {
+  composes: input from '~Components/Form/Input.css';
 
-.isDragging {
-  opacity: 0.25;
+  width: 100px;
+  height: 30px;
+  border: unset;
+  border-radius: unset;
+  background-color: unset;
 }