From 9464daa48c8fd92928cb0934328c4ca53d239361 Mon Sep 17 00:00:00 2001
From: sfisher <scott.fisher@ucop.edu>
Date: Fri, 3 Jan 2025 10:18:10 -0800
Subject: [PATCH] Modifying advanced to use the same css and layout changes as
 simple in order to put tabs one after the other and in correct order and
 matching layout.

---
 static_src/stylesheets/main2.min.css | 17 -----------------
 templates/create/advanced.html       | 14 ++++++++------
 2 files changed, 8 insertions(+), 23 deletions(-)

diff --git a/static_src/stylesheets/main2.min.css b/static_src/stylesheets/main2.min.css
index 79d0e85e..7712e84d 100644
--- a/static_src/stylesheets/main2.min.css
+++ b/static_src/stylesheets/main2.min.css
@@ -1818,10 +1818,6 @@ Selector pattern using above mixin:
   width: 100%;
   max-width: 600px;
   margin: 0 auto;
-  /*
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  */
   overflow: hidden;
   font-family: Arial, sans-serif; }
 
@@ -1846,19 +1842,6 @@ Selector pattern using above mixin:
 
 /* Tab labels */
 .tabnew__label {
-  /*
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 10px 20px;
-  cursor: pointer;
-  background: #f0f0f0;
-  border-bottom: 2px solid transparent;
-  text-align: center;
-  transition: all 0.3s ease;
-  margin-right: 5px;
-  border-radius: 4px 4px 0 0;
-  */
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
diff --git a/templates/create/advanced.html b/templates/create/advanced.html
index ad6e169f..b0f02d1d 100644
--- a/templates/create/advanced.html
+++ b/templates/create/advanced.html
@@ -4,12 +4,14 @@
 {% block title %}{% block title-twitter %}{% trans "Create an Advanced Identifier" %}{% endblock %}{% endblock %}
 {% block heading %}{% content_heading _("Create an Advanced Identifier") %}{% endblock %}
 {% block content %}
-<div class="tab create__tab">
-  <input class="tab__input" id="tab-1" type="radio" name="name" aria-checked="false"/>
-  <label class="tab__label" id="tab-1-label" for="tab-1" tabindex="0">{% trans "Simple" %}</label>
-  <input class="tab__input" id="tab-2" type="radio" name="name" checked="checked" aria-checked="true"/>
-  <label class="tab__label" for="tab-2" tabindex="0">{% trans "Advanced" %}</label>
-  <div class="tab__content">
+<div class="tabsnew create__tab">
+  <div class="tabnew__header">
+    <input class="tabnew__input" id="tab-1" type="radio" name="name" aria-checked="false"/>
+    <label class="tabnew__label" id="tab-1-label" for="tab-1" tabindex="0">{% trans "Simple" %}</label>
+    <input class="tabnew__input" id="tab-2" type="radio" name="name" checked="checked" aria-checked="true"/>
+    <label class="tabnew__label" for="tab-2" tabindex="0">{% trans "Advanced" %}</label>
+  </div>
+  <div class="tabnew__content">
     <form id="create_form" action="{% url "ui_create.advanced" %}" method="post" class="form-horizontal" role="form">
     <input name="action" id="action" type="hidden" value="create"/>
     <div class="row">