fix(docbot): feedback tooltip ui style (#3978)

jina-ai · Nov 23, 2021 · c7bbd30 · c7bbd30
1 parent fec0d42
commit c7bbd30
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/docs/_static/docbot.css b/docs/_static/docbot.css
@@ -150,9 +150,17 @@
 }
 
 .feedback-tooltip {
-    bottom: -20px;
-    position: absolute;
-    left: 20px;
+  bottom: -20px;
+  position: absolute;
+  left: 20px;
+
+  display: flex;
+  justify-content: space-between;
+  width: calc(100% - 20px - 12px)
+}
+
+.answer-reference {
+  white-space: nowrap;
 }
 
 .answer-reference:after {

diff --git a/docs/_templates/docbot.html b/docs/_templates/docbot.html
@@ -56,7 +56,7 @@
                            target="_blank">Report</a>
                         <div v-if="qa.answer && !is_conn_broken && qa.answer.uri" class="feedback-tooltip sd-d-flex-row">
                             <a class="answer-reference" :href="root_url + qa.answer.uri">Source</a>
-                            <div class="sd-d-flex-row" style="margin-left: 40px">
+                            <div class="sd-d-flex-row">
                                 <div class="thumb-answer thumbup" v-show="qa.rating===null" style="margin: 0 6px" v-on:click="submit_rating(qa, true)">
                                     <svg aria-hidden="true" class="sd-octicon sd-octicon-thumbsup" height="1.0em"
                                          version="1.1" viewBox="0 0 16 16" width="1.0em">