Internal change

PiperOrigin-RevId: 414586913
googlecolab · Dec 7, 2021 · 0aa3f38 · 0aa3f38
1 parent 7bc83e4
commit 0aa3f38
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/google3/third_party/py/google/colab/_interactive_table_hint_button.py b/google3/third_party/py/google/colab/_interactive_table_hint_button.py
@@ -28,6 +28,12 @@
 
 _HINT_BUTTON_CSS = """
   <style>
+    .colab-df-container {
+      display:flex;
+      flex-wrap:wrap;
+      gap: 12px;
+    }
+
     .colab-df-convert {
       background-color: #E8F0FE;
       border: none;
@@ -36,7 +42,6 @@
       display: none;
       fill: #1967D2;
       height: 32px;
-      margin: 0 0 0 12px;
       padding: 0 0 0 0;
       width: 32px;
     }
@@ -103,7 +108,7 @@ def _get_html(dataframe, key):
   # pylint: disable=protected-access
   return """
   <div id="{key}">
-    <div style="display:flex">
+    <div class="colab-df-container">
       {df_html}
       <button class="colab-df-convert" onclick="convertToInteractive('{key}')"
               title="Convert this dataframe to an interactive table."