diff --git a/public/index.html b/public/index.html
index 9eb8f880a..2ec556158 100644
--- a/public/index.html
+++ b/public/index.html
@@ -296,16 +296,20 @@
-
OpenAI Presets
-
-
OpenAI Model
-
+
+
OpenAI Presets
+
+
+
+
OpenAI Model
+
+
Text generation web UI presets
@@ -490,6 +494,31 @@
+
+
diff --git a/public/script.js b/public/script.js
index a98b27be1..a86767083 100644
--- a/public/script.js
+++ b/public/script.js
@@ -2118,6 +2118,10 @@ function changeMainAPI() {
apiObj.apiRanges.css("display", isCurrentApi ? "block" : "none");
apiObj.apiPresets.css("display", isCurrentApi ? "block" : "none");
+ if (isCurrentApi && apiName === "openai") {
+ apiObj.apiPresets.css("display", "flex");
+ }
+
if (isCurrentApi && apiName === "kobold") {
//console.log("enabling SP for kobold");
$("#softprompt_block").css("display", "block");
diff --git a/public/style.css b/public/style.css
index dcb9ee965..01030c20d 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2901,7 +2901,61 @@ filter: invert(20%) sepia(100%) saturate(2518%) hue-rotate(353deg) brightness(93
.widthFreeExpand {width: unset;}
+#openai_api-presets {
+ display: flex;
+ flex-direction: row;
+ column-gap: 10px;
+}
+#openai_api-presets > div {
+ flex: 1;
+}
+
+#openai_api-presets select {
+ width: 100%;
+}
+
+#openai_logit_bias_text, .openai_logit_bias_range_block {
+ flex: 1;
+}
+
+.openai_logit_bias_form .range-block-counter {
+ margin-top: 0px;
+}
+
+.openai_logit_bias_form {
+ display: flex;
+ flex-direction: row;
+ column-gap: 10px;
+ align-items: center;
+}
+
+.openai_logit_bias_list {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ column-gap: 10px;
+ flex-wrap: wrap;
+}
+
+.openai_logit_bias_list_item .separator {
+ margin: 0 3px;
+ display: block;
+ font-weight: 700;
+ font-size: 1.2em;
+}
+
+.openai_logit_bias_list_item {
+ display: flex;
+ flex-direction: row;
+ align-items: baseline;
+ background-color: var(--ivory);
+ color: var(--black100);
+ font-weight: 500;
+ border-radius: 20px;
+ min-height: fit-content;
+ padding: 3px 5px;
+}
/* ---------- @media queries must always go at the bottom ------------*/