Embedding Projector: fix regex suffix css

alicialics · alicialics · commit 426d8ef37c71 · 2023-04-16T01:39:43.000Z
diff --git a/tensorboard/plugins/projector/vz_projector/vz-projector-input.ts b/tensorboard/plugins/projector/vz_projector/vz-projector-input.ts
@@ -12,10 +12,10 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 ==============================================================================*/
-import {customElement, property} from '@polymer/decorators';
-import {html, PolymerElement} from '@polymer/polymer';
+import { customElement, property } from '@polymer/decorators';
+import { html, PolymerElement } from '@polymer/polymer';
 import '../../../components/polymer/irons_and_papers';
-import {LegacyElementMixin} from '../../../components/polymer/legacy_element_mixin';
+import { LegacyElementMixin } from '../../../components/polymer/legacy_element_mixin';
 import './styles';
 
 export interface InputChangedListener {
@@ -47,12 +47,17 @@ class ProjectorInput extends LegacyElementMixin(PolymerElement) {
         background-color: #880e4f;
         color: white;
       }
+
+      .suffix {
+        display: flex;
+        flex-direction: row;
+      }
     </style>
 
     <paper-input label="[[label]]">
       <div class="slash" prefix slot="prefix">/</div>
-      <div class="slash" suffix slot="suffix">/</div>
-      <div suffix slot="suffix">
+      <div class="suffix" suffix slot="suffix">
+        <div class="slash">/</div>
         <paper-button id="regex" toggles class="toggle">.*</paper-button>
       </div>
     </paper-input>
@@ -66,11 +71,11 @@ class ProjectorInput extends LegacyElementMixin(PolymerElement) {
     </paper-tooltip>
     <span class="info">[[message]]</span>
   `;
-  @property({type: String})
+  @property({ type: String })
   label: string;
 
   /** Message that will be displayed at the bottom of the input control. */
-  @property({type: String})
+  @property({ type: String })
   message: string;
 
   private textChangedListeners: InputChangedListener[];
